Créé à 07/02/2025 16:51
UI Component Design Tokens
- Primary Cyan#00bcd4
- Secondary Plum#ab47bc
- Info Teal#26a69a
- Warning Amber#ffc107
- Error Crimson#d32f2f
- Neutral Grey#bdbdbd
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Primary Cyan #00bcd4 et Warning Amber #ffc107. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #26A69A (plus sombre) à #BDBDBD (plus clair). L’écart de luminosité est modéré.
La saturation semble globalement vive (chromie élevée).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid.
Codes HEX (triés) : #00BCD4, #26A69A, #AB47BC, #BDBDBD, #D32F2F, #FFC107
La palette UI Component Design Tokens a une combinaison de couleurs de codes 6:
HEX: #00bcd4, RVB: (0, 188, 212); HEX: #ab47bc, RVB: (171, 71, 188); HEX: #26a69a, RVB: (38, 166, 154)
HEX: #ffc107, RVB: (255, 193, 7); HEX: #d32f2f, RVB: (211, 47, 47); HEX: #bdbdbd, RVB: (189, 189, 189)
Version simplifiée des couleurs de la palette
Nuance de darkturquoise, Nuance de mediumorchid, Nuance de lightseagreen, Nuance de gold, Ombre de crimson, Nuance de Argent
Le jeu de couleurs a été créé par colorscheme
Codes couleurs dans la palette
UI Component Design Tokens codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #00bcd4 | #00bcd4 | RVB(0, 188, 212) | Primary Cyan | — |
| #ab47bc | #ab47bc | RVB(171, 71, 188) | Secondary Plum | — |
| #26a69a | #26a69a | RVB(38, 166, 154) | Info Teal | — |
| #ffc107 | #ffc107 | RVB(255, 193, 7) | Warning Amber | — |
| #d32f2f | #d32f2f | RVB(211, 47, 47) | Error Crimson | — |
| #bdbdbd | #bdbdbd | RVB(189, 189, 189) | Neutral Grey | Gray74 |
Contraste de la palette de couleurs
9 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 |
#00bcd4 | #26a69a | 1.3 |
#00bcd4 | #ffc107 | 1.4 |
#00bcd4 | #bdbdbd | 1.22 |
#ab47bc | #26a69a | 1.6 |
#ab47bc | #d32f2f | 1.03 |
#26a69a | #ffc107 | 1.83 |
Palette d'images UI Component Design Tokens png
Exporter la palette
Téléchargez la "UI Component Design Tokens" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :