Interactive Learning UI Flow
- Quiz Yellow#ffe066
- Hover Ink#111111
- Module Sky#8ecae6
- Score Green#00b894
- Popup Blush#ffd6d6
- Overlay White#fafafa
Créé le 06/14/2025 19:45
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent Score Green #00b894 et Popup Blush #ffd6d6. La palette a une température de couleur Chaud, Neutre, Froid.
En luminosité, cette palette va de #111111 (plus sombre) à #FAFAFA (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 67% des couleurs sont vives.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
Les notes chaudes et froides sont assez équilibrées (2 chaudes, 2 froides).
Codes HEX (triés) : #00B894, #111111, #8ECAE6, #FAFAFA, #FFD6D6, #FFE066
La palette Interactive Learning UI Flow combine 6 codes couleur:
HEX: #ffe066, RVB: (255, 224, 102); HEX: #111111, RVB: (17, 17, 17); HEX: #8ecae6, RVB: (142, 202, 230)
HEX: #00b894, RVB: (0, 184, 148); HEX: #ffd6d6, RVB: (255, 214, 214); HEX: #fafafa, RVB: (250, 250, 250)
Version simplifiée des couleurs de la palette
Teinte de Or, Teinte de Noir, Nuance de Bleu ciel, Nuance de Aigue-marine moyen, Nuance de Rose brumeux, Teinte de Fumée blanche
Le jeu de couleurs a été créé par colourlock
Codes couleurs dans la palette
Interactive Learning UI Flow codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RVB(255, 224, 102) | Quiz Yellow | — |
| #111111 | #111111 | RVB(17, 17, 17) | Hover Ink | Dreamless Sleep |
| #8ecae6 | #8ecae6 | RVB(142, 202, 230) | Module Sky | — |
| #00b894 | #00b894 | RVB(0, 184, 148) | Score Green | — |
| #ffd6d6 | #ffd6d6 | RVB(255, 214, 214) | Popup Blush | — |
| #fafafa | #fafafa | RVB(250, 250, 250) | Overlay White | Dr. White |
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 |
|---|---|---|
#ffe066 | #8ecae6 | 1.37 |
#ffe066 | #00b894 | 1.94 |
#ffe066 | #ffd6d6 | 1.01 |
#ffe066 | #fafafa | 1.24 |
#8ecae6 | #00b894 | 1.41 |
#8ecae6 | #ffd6d6 | 1.34 |
Palette d'images Interactive Learning UI Flow png
Exporter la palette
Téléchargez la "Interactive Learning UI Flow" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :