Créé à 07/11/2025 21:16
CSS Variable Design Space
Token Rose
#ff4d6d
Shadow Cyan
#00ced1
Z-Index Navy
#2f3e9e
Flexbox Fog
#f7f9fa
Opacity Steel
#a9a9a9
Hover Lime
#b8e986
La palette se compose de Lumière couleurs. Couleurs d'accent Token Rose #ff4d6d et Shadow Cyan #00ced1. La palette a une température de couleur Chaud, Froid, Neutre.
La palette CSS Variable Design Space a une combinaison de couleurs de codes 6:
HEX: #ff4d6d, RVB: (255, 77, 109); HEX: #00ced1, RVB: (0, 206, 209); HEX: #2f3e9e, RVB: (47, 62, 158)
HEX: #f7f9fa, RVB: (247, 249, 250); HEX: #a9a9a9, RVB: (169, 169, 169); HEX: #b8e986, RVB: (184, 233, 134)
Version simplifiée des couleurs de la palette
Nuance de lightcoral, darkturquoise, Nuance de darkslateblue, Ombre de whitesmoke, darkgrey, Ombre de lightgreen
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
CSS Variable Design Space codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ff4d6d | #ff4d6d | RVB(255, 77, 109) | Token Rose | — |
| #00ced1 | #00ced1 | RVB(0, 206, 209) | Shadow Cyan | Jade Glass |
| #2f3e9e | #2f3e9e | RVB(47, 62, 158) | Z-Index Navy | — |
| #f7f9fa | #f7f9fa | RVB(247, 249, 250) | Flexbox Fog | — |
| #a9a9a9 | #a9a9a9 | RVB(169, 169, 169) | Opacity Steel | Darkgray |
| #b8e986 | #b8e986 | RVB(184, 233, 134) | Hover Lime | — |
Contraste de la palette de couleurs
7 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#ff4d6d | #00ced1 | 1.64 |
#ff4d6d | #a9a9a9 | 1.36 |
#00ced1 | #f7f9fa | 1.84 |
#00ced1 | #a9a9a9 | 1.2 |
#00ced1 | #b8e986 | 1.39 |
#f7f9fa | #b8e986 | 1.32 |
