Générer une palette
  1. Palettes de couleurs
  2. JavaScript Dashboard Flow State

JavaScript Dashboard Flow State

  • Logic Mint
    #aaf0d1
  • Variable Ink
    #1a1a1a
  • UI Panel Grey
    #d9d9d9
  • Breakpoint Coral
    #ff6f61
  • Form Element Blue
    #4682b4
  • UX Paper White
    #ffffff
  16
Créé le 07/07/2025 17:23
parcolorday
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent Logic Mint #aaf0d1 et Breakpoint Coral #ff6f61. La palette a une température de couleur Froid, Neutre, Chaud.

En luminosité, cette palette va de #1A1A1A (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.

Saturation mixte — 3 teintes atténuées et 2 vives sur 6 couleurs.

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 (2 sur 6).

Codes HEX (triés) : #1A1A1A, #4682B4, #AAF0D1, #D9D9D9, #FF6F61, #FFFFFF

La palette JavaScript Dashboard Flow State combine 6 codes couleur:
HEX: #aaf0d1, RVB: (170, 240, 209); HEX: #1a1a1a, RVB: (26, 26, 26); HEX: #d9d9d9, RVB: (217, 217, 217)
HEX: #ff6f61, RVB: (255, 111, 97); HEX: #4682b4, RVB: (70, 130, 180); HEX: #ffffff, RVB: (255, 255, 255)
Version simplifiée des couleurs de la palette
Teinte de Aigue-marine, Teinte de Noir, Nuance de Gainsboro, Nuance de Saumon, Bleu acier, Blanc
Le jeu de couleurs a été créé par colorday

Codes couleurs dans la palette

JavaScript Dashboard Flow State codes de couleur HEX, informations RVB dans le tableau

Couleur HEX RVB Nom Autre nom
#aaf0d1 #aaf0d1 RVB(170, 240, 209)Logic MintMagic Mint
#1a1a1a #1a1a1a RVB(26, 26, 26)Variable InkGray10
#d9d9d9 #d9d9d9 RVB(217, 217, 217)UI Panel GreyGray85
#ff6f61 #ff6f61 RVB(255, 111, 97)Breakpoint CoralLiving Coral
#4682b4 #4682b4 RVB(70, 130, 180)Form Element BlueSteelblue
#ffffff #ffffff RVB(255, 255, 255)UX Paper WhiteWhite

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
#aaf0d1
#d9d9d9
1.08
#aaf0d1
#ffffff
1.3
#d9d9d9
#ff6f61
1.93
#d9d9d9
#ffffff
1.41
#ff6f61
#4682b4
1.5

Palette d'images JavaScript Dashboard Flow State png

JavaScript Dashboard Flow State palette de couleurs: Logic Mint, Variable Ink, UI Panel Grey, Breakpoint Coral
 Télécharger l'image