Créé à 06/01/2025 08:37
Hypercrate UI
- Lead Orange#ff7951
- Container Cream#fff7ea
- Signal Teal#2cd4c3
- Toggle Dust#e0dbd2
- Caption Bronze#7f5f41
- Text Darkbit#121212
La palette se compose de Lumière, Semi foncé, Sombre couleurs. Couleurs d'accent Container Cream #fff7ea et Signal Teal #2cd4c3. La palette a une température de couleur Chaud, Neutre, Froid.
En luminosité, cette palette va de #121212 (plus sombre) à #FFF7EA (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le chaud.
Codes HEX (triés) : #121212, #2CD4C3, #7F5F41, #E0DBD2, #FF7951, #FFF7EA
La palette Hypercrate UI a une combinaison de couleurs de codes 6:
HEX: #ff7951, RVB: (255, 121, 81); HEX: #fff7ea, RVB: (255, 247, 234); HEX: #2cd4c3, RVB: (44, 212, 195)
HEX: #e0dbd2, RVB: (224, 219, 210); HEX: #7f5f41, RVB: (127, 95, 65); HEX: #121212, RVB: (18, 18, 18)
Version simplifiée des couleurs de la palette
Nuance de coral, Ombre de oldlace, Nuance de turquoise, Nuance de gainsboro, Ombre de sienna, Ombre de Noir
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Hypercrate UI codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ff7951 | #ff7951 | RVB(255, 121, 81) | Lead Orange | — |
| #fff7ea | #fff7ea | RVB(255, 247, 234) | Container Cream | — |
| #2cd4c3 | #2cd4c3 | RVB(44, 212, 195) | Signal Teal | — |
| #e0dbd2 | #e0dbd2 | RVB(224, 219, 210) | Toggle Dust | — |
| #7f5f41 | #7f5f41 | RVB(127, 95, 65) | Caption Bronze | — |
| #121212 | #121212 | RVB(18, 18, 18) | Text Darkbit | Dark Tone Ink |
Contraste de la palette de couleurs
5 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 |
#ff7951 | #2cd4c3 | 1.39 |
#ff7951 | #e0dbd2 | 1.87 |
#fff7ea | #2cd4c3 | 1.74 |
#fff7ea | #e0dbd2 | 1.29 |
#2cd4c3 | #e0dbd2 | 1.34 |
Palette d'images Hypercrate UI png
Exporter la palette
Téléchargez la "Hypercrate UI" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :