Créé à 07/08/2025 08:21
Semantic UX Grid Flow
- Column Rose#ff7e79
- Row Sky#a0e8af
- Area Slate#474747
- Token White#ffffff
- Baseline Gray#d0d0d0
- Span Orange#f9a875
La palette se compose de Lumière couleurs. Couleurs d'accent Column Rose #ff7e79 et Row Sky #a0e8af. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #474747 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Les teintes sont largement réparties — palette variée (heuristique).
La température globale penche vers le chaud.
Codes HEX (triés) : #474747, #A0E8AF, #D0D0D0, #F9A875, #FF7E79, #FFFFFF
La palette Semantic UX Grid Flow a une combinaison de couleurs de codes 6:
HEX: #ff7e79, RVB: (255, 126, 121); HEX: #a0e8af, RVB: (160, 232, 175); HEX: #474747, RVB: (71, 71, 71)
HEX: #ffffff, RVB: (255, 255, 255); HEX: #d0d0d0, RVB: (208, 208, 208); HEX: #f9a875, RVB: (249, 168, 117)
Version simplifiée des couleurs de la palette
Ombre de salmon, Ombre de lightgreen, Nuance de dimgrey, Blanc, Nuance de lightgrey, Ombre de lightsalmon
Le jeu de couleurs a été créé par raccoon
Codes couleurs dans la palette
Semantic UX Grid Flow codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ff7e79 | #ff7e79 | RVB(255, 126, 121) | Column Rose | Salmon Sashimi |
| #a0e8af | #a0e8af | RVB(160, 232, 175) | Row Sky | — |
| #474747 | #474747 | RVB(71, 71, 71) | Area Slate | Gray28 |
| #ffffff | #ffffff | RVB(255, 255, 255) | Token White | White |
| #d0d0d0 | #d0d0d0 | RVB(208, 208, 208) | Baseline Gray | Ancestral Water |
| #f9a875 | #f9a875 | RVB(249, 168, 117) | Span Orange | — |
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 |
#ff7e79 | #a0e8af | 1.72 |
#ff7e79 | #d0d0d0 | 1.59 |
#ff7e79 | #f9a875 | 1.27 |
#a0e8af | #ffffff | 1.43 |
#a0e8af | #d0d0d0 | 1.07 |
#a0e8af | #f9a875 | 1.34 |
Palette d'images Semantic UX Grid Flow png
Exporter la palette
Téléchargez la "Semantic UX Grid Flow" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :