Palette de couleurs Sunburst Road Trip
Sunburst Road Trip est une palette de 5 couleurs qui puise dans les rouges et neutres. En OKLCH, sa luminosité va de 25 % (#46001B, foncé) à 96 % (#FFEDED, très clair), et sa couleur la plus saturée, #CF4362, est vif. 4 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 3 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : été, audacieuses, monochromes, dégradé, rouges et adaptées au daltonisme.
ÉtéAudacieusesMonochromesDégradéRougesAdaptées au daltonisme
- Jet #46001B
- Auburn #8F143E
- Imperial Red #CF4362
- Cherry Blossom Pink #FF99A4
- Seashell #FFEDED
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #46001B | rgb(70, 0, 27) | hsl(337, 100%, 14%) | oklch(25.3% 0.102 5.8) |
| Auburn | #8F143E | rgb(143, 20, 62) | hsl(340, 75%, 32%) | oklch(42.6% 0.157 8.1) |
| Imperial Red | #CF4362 | rgb(207, 67, 98) | hsl(347, 59%, 54%) | oklch(58.9% 0.176 11.3) |
| Cherry Blossom Pink | #FF99A4 | rgb(255, 153, 164) | hsl(354, 100%, 80%) | oklch(79.1% 0.123 13.3) |
| Seashell | #FFEDED | rgb(255, 237, 237) | hsl(0, 100%, 96%) | oklch(96% 0.02 17.5) |
Accessibilité
Les meilleures paires texte et fond de Sunburst Road Trip, 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 |
|---|---|---|---|
| #FFEDED sur #46001B | 14.57:1 | AAA | Lc -95.7 |
| #46001B sur #FF99A4 | 8.11:1 | AAA | Lc 60.9 |
| #FFEDED sur #8F143E | 7.95:1 | AAA | Lc -84.4 |
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. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.
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/46001b-8f143e-cf4362-ff99a4-ffeded.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.