Hoverstate Design Framework
- Action Orange#ffa069
- Select Mint#b9ffe0
- Modal Ink#0e0e0e
- Canvas White#ffffff
- Sidebar Violet#cabeff
- Hint Gray#dddddd
- Pulse Rose#ffacc7
Créé le 06/05/2025 20:29
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent Select Mint #b9ffe0 et Pulse Rose #ffacc7. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #0E0E0E (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 57% 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) : #0E0E0E, #B9FFE0, #CABEFF, #DDDDDD, #FFA069, #FFACC7, #FFFFFF
La palette Hoverstate Design Framework combine 7 codes couleur:
HEX: #ffa069, RVB: (255, 160, 105); HEX: #b9ffe0, RVB: (185, 255, 224); HEX: #0e0e0e, RVB: (14, 14, 14)
HEX: #ffffff, RVB: (255, 255, 255); HEX: #cabeff, RVB: (202, 190, 255); HEX: #dddddd, RVB: (221, 221, 221)
HEX: #ffacc7, RVB: (255, 172, 199)
Version simplifiée des couleurs de la palette
Nuance de Saumon clair, Teinte de Aigue-marine, Teinte de Noir, Blanc, Teinte de Bleu acier clair, Teinte de Gainsboro, Nuance de Rose clair
Le jeu de couleurs a été créé par colorhunt
Codes couleurs dans la palette
Hoverstate Design Framework codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #ffa069 | #ffa069 | RVB(255, 160, 105) | Action Orange | — |
| #b9ffe0 | #b9ffe0 | RVB(185, 255, 224) | Select Mint | — |
| #0e0e0e | #0e0e0e | RVB(14, 14, 14) | Modal Ink | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Canvas White | White |
| #cabeff | #cabeff | RVB(202, 190, 255) | Sidebar Violet | — |
| #dddddd | #dddddd | RVB(221, 221, 221) | Hint Gray | Steam |
| #ffacc7 | #ffacc7 | RVB(255, 172, 199) | Pulse Rose | — |
Contraste de la palette de couleurs
14 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 |
|---|---|---|
#ffa069 | #b9ffe0 | 1.75 |
#ffa069 | #cabeff | 1.17 |
#ffa069 | #dddddd | 1.47 |
#ffa069 | #ffacc7 | 1.14 |
#b9ffe0 | #ffffff | 1.13 |
#b9ffe0 | #cabeff | 1.49 |
Palette d'images Hoverstate Design Framework png
Exporter la palette
Téléchargez la "Hoverstate Design Framework" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :