Paleta de cores Hemp Workshop
Hemp Workshop é uma paleta de 4 cores baseada em verdes, amarelos e laranjas. Em OKLCH, a luminosidade vai de 31% (#1B3919, escuro) a 89% (#F5D8A6, claro), e a cor mais saturada, #5E6C3B, é moderadamente saturada. 2 das suas 4 cores cromáticas ficam no lado quente do círculo cromático. 2 dos seus 6 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como terrosas, discretas, gradiente, amarelas, verdes e para daltonismo.
- Pakistan Green #1B3919
- Dark Moss Green #5E6C3B
- Muted Teal #A8A06B
- Vanilla #F5D8A6
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #1B3919 | rgb(27, 57, 25) | hsl(116, 39%, 16%) | oklch(31.2% 0.066 142.6) |
| Dark Moss Green | #5E6C3B | rgb(94, 108, 59) | hsl(77, 29%, 33%) | oklch(50.7% 0.073 122.1) |
| Muted Teal | #A8A06B | rgb(168, 160, 107) | hsl(52, 26%, 54%) | oklch(70% 0.072 100.7) |
| Vanilla | #F5D8A6 | rgb(245, 216, 166) | hsl(38, 80%, 81%) | oklch(89.4% 0.072 81.1) |
Acessibilidade
Os melhores pares de texto e fundo de Hemp Workshop, pela razão de contraste WCAG 2, com o contraste de luminosidade APCA (Lc) do texto sobre o fundo.
| Par | WCAG 2 | Nível | APCA Lc |
|---|---|---|---|
| #F5D8A6 sobre #1B3919 | 9.27:1 | AAA | Lc -79.4 |
| #1B3919 sobre #A8A06B | 4.80:1 | AA | Lc 45.0 |
| #F5D8A6 sobre #5E6C3B | 4.14:1 | AA texto grande | Lc -61.1 |
Visão de cores
Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia. Ela está marcada como segura para daltonismo: todos os pares ficam a pelo menos ΔE 0.14.
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
Use no seu código
Instale estas cores como cores de tema do Tailwind CSS v4 com o shadcn: npx shadcn@latest add https://getcolors.so/r/palette/1b3919-5e6c3b-a8a06b-f5d8a6.json.
Faça dela a sua
Edite as cores, crie com elas um sistema de cores completo nos modos claro e escuro ou veja tudo em uma interface real.