Data-Driven UI Layer Stack

  • Insight Teal
    #00bfa6
  • Schema Dust
    #e5e5e5
  • Pipeline Maroon
    #8c1c13
  • Query Sky
    #a4e3f4
  • Variable Yellow
    #ffea00
  • Result Navy
    #1b263b
  11
Créé le 06/25/2025 20:35
La palette se compose de Clair, Semi foncé, Sombre couleurs. Couleurs d'accent Query Sky #a4e3f4 et Variable Yellow #ffea00. La palette a une température de couleur Froid, Neutre, Chaud.

En luminosité, cette palette va de #1B263B (plus sombre) à #FFEA00 (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.

La température globale penche vers le froid (3 sur 6).

Codes HEX (triés) : #00BFA6, #1B263B, #8C1C13, #A4E3F4, #E5E5E5, #FFEA00

La palette Data-Driven UI Layer Stack combine 6 codes couleur:
HEX: #00bfa6, RVB: (0, 191, 166); HEX: #e5e5e5, RVB: (229, 229, 229); HEX: #8c1c13, RVB: (140, 28, 19)
HEX: #a4e3f4, RVB: (164, 227, 244); HEX: #ffea00, RVB: (255, 234, 0); HEX: #1b263b, RVB: (27, 38, 59)
Version simplifiée des couleurs de la palette
Nuance de Vert d'eau clair, Teinte de Gainsboro, Teinte de Rouge foncé, Teinte de Bleu clair, Teinte de Or, Teinte de Bleu nuit
Le jeu de couleurs a été créé par raccoon

Codes couleurs dans la palette

Data-Driven UI Layer Stack codes de couleur HEX, informations RVB dans le tableau

CouleurHEXRVBNomAutre nom
#00bfa6#00bfa6RVB(0, 191, 166)Insight Teal—
#e5e5e5#e5e5e5RVB(229, 229, 229)Schema DustGray90
#8c1c13#8c1c13RVB(140, 28, 19)Pipeline Maroon—
#a4e3f4#a4e3f4RVB(164, 227, 244)Query Sky—
#ffea00#ffea00RVB(255, 234, 0)Variable Yellow—
#1b263b#1b263bRVB(27, 38, 59)Result Navy—

Contraste de la palette de couleurs

7 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
Couleur du texteCouleur de l'arrière planRapport de contraste
#00bfa6
#e5e5e5
1.85
#00bfa6
#a4e3f4
1.65
#00bfa6
#ffea00
1.89
#e5e5e5
#a4e3f4
1.12
#e5e5e5
#ffea00
1.02
#8c1c13
#1b263b
1.65

Palette d'images Data-Driven UI Layer Stack png