Palette de couleurs Chrome Pulse
Chrome Pulse est une palette de 5 couleurs qui puise dans les verts, violets et turquoises et cyans. En OKLCH, sa luminosité va de 26 % (#0E2A1F, foncé) à 97 % (#D7FFE8, très clair), et sa couleur la plus saturée, #00FF9C, est vif. 2 de ses 5 couleurs chromatiques se situent du côté froid du cercle chromatique. 4 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : tech, néon, vertes et froides.
- Jet #0E2A1F
- Neon Blue #6655CA
- Persian Green #3DA4BF
- Lime #00FF9C
- Light Cyan #D7FFE8
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #0E2A1F | rgb(14, 42, 31) | hsl(156, 50%, 11%) | oklch(25.9% 0.04 165.1) |
| Neon Blue | #6655CA | rgb(102, 85, 202) | hsl(249, 52%, 56%) | oklch(52.9% 0.174 285.4) |
| Persian Green | #3DA4BF | rgb(61, 164, 191) | hsl(192, 52%, 49%) | oklch(67.1% 0.101 218.6) |
| Lime | #00FF9C | rgb(0, 255, 156) | hsl(157, 100%, 50%) | oklch(88% 0.211 156.6) |
| 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 Chrome Pulse, 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 #0E2A1F | 14.13:1 | AAA | Lc -98.7 |
| #00FF9C sur #0E2A1F | 11.52:1 | AAA | Lc -85.2 |
| #0E2A1F sur #3DA4BF | 5.30:1 | AA | Lc 45.2 |
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/0e2a1f-6655ca-3da4bf-00ff9c-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.