Palette de couleurs Static City
Static City est une palette de 4 couleurs qui puise dans les neutres, verts et violets. En OKLCH, sa luminosité va de 16 % (#0A0F0D, très foncé) à 97 % (#D7FFE8, très clair), et sa couleur la plus saturée, #7C5CFF, est vif. 1 de ses 3 couleurs chromatiques se situe du côté froid du cercle chromatique. 2 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : tech, néon, violettes et froides.
- Rich Navy #0A0F0D
- Jet #0E2A1F
- Blue Violet #7C5CFF
- Light Cyan #D7FFE8
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #0A0F0D | rgb(10, 15, 13) | hsl(156, 20%, 5%) | oklch(16.2% 0.009 168.9) |
| Jet | #0E2A1F | rgb(14, 42, 31) | hsl(156, 50%, 11%) | oklch(25.9% 0.04 165.1) |
| Blue Violet | #7C5CFF | rgb(124, 92, 255) | hsl(252, 100%, 68%) | oklch(59.9% 0.23 286.2) |
| Light Cyan | #D7FFE8 | rgb(215, 255, 232) | hsl(145, 100%, 92%) | oklch(96.6% 0.051 160.1) |
Accessibilité
Les meilleures paires texte et fond de Static City, classées par rapport de contraste WCAG 2, avec le contraste de luminosité APCA (Lc) du texte sur son fond.
| Paire | WCAG 2 | Niveau | APCA Lc |
|---|---|---|---|
| #D7FFE8 sur #0A0F0D | 17.81:1 | AAA | Lc -101.4 |
| #D7FFE8 sur #0E2A1F | 14.13:1 | AAA | Lc -98.7 |
| #0A0F0D sur #7C5CFF | 4.44:1 | AA grand texte | Lc 34.1 |
Vision des couleurs
Aucune paire de couleurs ne se rapproche à moins de ΔE 0.06 d’une autre en protanopie, deutéranopie, tritanopie ou achromatopsie.
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
À utiliser dans votre code
Installez ces couleurs comme couleurs de thème Tailwind CSS v4 avec shadcn : npx shadcn@latest add https://getcolors.so/r/palette/0a0f0d-0e2a1f-7c5cff-d7ffe8.json.
Faites-la vôtre
Modifiez les couleurs, créez-en un système complet clair et sombre, ou voyez-les sur une vraie interface.