Paleta de cores Marble Studio
Marble Studio é uma paleta de 5 cores baseada em neutros. Em OKLCH, a luminosidade vai de 15% (#0C0C0C, muito escuro) a 94% (#EFEBE4, muito claro), e a cor mais saturada, #A8A39B, é quase um cinza neutro. As cores têm croma baixo demais para pender para o quente ou para o frio. 4 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como luxo, discretas, cinzas, para daltonismo e neutros.
- Rich Navy #0C0C0C
- Onyx #3A3A3A
- Battleship Gray #717171
- Pewter #A8A39B
- Gainsboro #EFEBE4
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #0C0C0C | rgb(12, 12, 12) | hsl(0, 0%, 5%) | oklch(15.4% 0 0) |
| Onyx | #3A3A3A | rgb(58, 58, 58) | hsl(0, 0%, 23%) | oklch(34.8% 0 0) |
| Battleship Gray | #717171 | rgb(113, 113, 113) | hsl(0, 0%, 44%) | oklch(54.9% 0 0) |
| Pewter | #A8A39B | rgb(168, 163, 155) | hsl(37, 7%, 63%) | oklch(71.7% 0.013 79.8) |
| Gainsboro | #EFEBE4 | rgb(239, 235, 228) | hsl(38, 26%, 92%) | oklch(94.1% 0.01 81.8) |
Acessibilidade
Os melhores pares de texto e fundo de Marble Studio, 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 |
|---|---|---|---|
| #EFEBE4 sobre #0C0C0C | 16.46:1 | AAA | Lc -94.8 |
| #EFEBE4 sobre #3A3A3A | 9.57:1 | AAA | Lc -87.2 |
| #0C0C0C sobre #A8A39B | 7.80:1 | AAA | Lc 54.5 |
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/0c0c0c-3a3a3a-717171-a8a39b-efebe4.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.