Générer une palette
  1. Palettes de couleurs
  2. Dark Mode Developer UX Suite

Dark Mode Developer UX Suite

  • Code Jet
    #0f172a
  • Highlight Teal
    #2dd4bf
  • Lint Yellow
    #fde047
  • Docs Gray
    #cbd5e1
  • Hover Purple
    #8b5cf6
  • UI Border
    #475569
  • Focus Pink
    #fb7185
  6
Créé le 06/28/2025 20:24
parcolorday
La palette se compose de Sombre, Clair, Semi foncé couleurs. Couleurs d'accent Lint Yellow #fde047 et Hover Purple #8b5cf6. La palette a une température de couleur Froid, Chaud.

En luminosité, cette palette va de #0F172A (plus sombre) à #FDE047 (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.

La température globale penche vers le froid (5 sur 7).

Codes HEX (triés) : #0F172A, #2DD4BF, #475569, #8B5CF6, #CBD5E1, #FB7185, #FDE047

La palette Dark Mode Developer UX Suite combine 7 codes couleur:
HEX: #0f172a, RVB: (15, 23, 42); HEX: #2dd4bf, RVB: (45, 212, 191); HEX: #fde047, RVB: (253, 224, 71)
HEX: #cbd5e1, RVB: (203, 213, 225); HEX: #8b5cf6, RVB: (139, 92, 246); HEX: #475569, RVB: (71, 85, 105)
HEX: #fb7185, RVB: (251, 113, 133)
Version simplifiée des couleurs de la palette
Teinte de Noir, Nuance de Turquoise, Teinte de Or, Teinte de Gris clair, Nuance de Bleu ardoise moyen, Teinte de Bleu ardoise foncé, Nuance de Corail clair
Le jeu de couleurs a été créé par colorday

Codes couleurs dans la palette

Dark Mode Developer UX Suite codes de couleur HEX, informations RVB dans le tableau

Couleur HEX RVB Nom Autre nom
#0f172a #0f172a RVB(15, 23, 42)Code Jet—
#2dd4bf #2dd4bf RVB(45, 212, 191)Highlight Teal—
#fde047 #fde047 RVB(253, 224, 71)Lint Yellow—
#cbd5e1 #cbd5e1 RVB(203, 213, 225)Docs Gray—
#8b5cf6 #8b5cf6 RVB(139, 92, 246)Hover Purple—
#475569 #475569 RVB(71, 85, 105)UI Border—
#fb7185 #fb7185 RVB(251, 113, 133)Focus Pink—

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 texte Couleur de l'arrière plan Rapport de contraste
#2dd4bf
#fde047
1.41
#2dd4bf
#cbd5e1
1.25
#2dd4bf
#fb7185
1.44
#fde047
#cbd5e1
1.12
#cbd5e1
#fb7185
1.81
#8b5cf6
#475569
1.78

Palette d'images Dark Mode Developer UX Suite png

Dark Mode Developer UX Suite palette de couleurs: Code Jet, Highlight Teal, Lint Yellow, Docs Gray, Hover Purple, UI Border
 Télécharger l'image