Visual Debug Web Toolkit
- Breakpoint Yellow#fde047
- Inspect Cyan#22d3ee
- Node Gray#6b7280
- DevGrid White#f9fafb
- Runtime Plum#c084fc
- Panel Charcoal#111827
- Flag Red#f43f5e
Créé le 06/26/2025 08:36
La palette se compose de Clair, Semi foncé, Sombre couleurs. Couleurs d'accent Breakpoint Yellow #fde047 et Runtime Plum #c084fc. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #111827 (plus sombre) à #F9FAFB (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.
Les notes chaudes et froides sont assez équilibrées (2 chaudes, 2 froides).
Codes HEX (triés) : #111827, #22D3EE, #6B7280, #C084FC, #F43F5E, #F9FAFB, #FDE047
La palette Visual Debug Web Toolkit combine 7 codes couleur:
HEX: #fde047, RVB: (253, 224, 71); HEX: #22d3ee, RVB: (34, 211, 238); HEX: #6b7280, RVB: (107, 114, 128)
HEX: #f9fafb, RVB: (249, 250, 251); HEX: #c084fc, RVB: (192, 132, 252); HEX: #111827, RVB: (17, 24, 39)
HEX: #f43f5e, RVB: (244, 63, 94)
Version simplifiée des couleurs de la palette
Teinte de Or, Teinte de Turquoise foncé, Nuance de Gris ardoise, Teinte de Fumée blanche, Nuance de Violette, Teinte de Noir, Nuance de Rouge indien
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
Visual Debug Web Toolkit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #fde047 | #fde047 | RVB(253, 224, 71) | Breakpoint Yellow | — |
| #22d3ee | #22d3ee | RVB(34, 211, 238) | Inspect Cyan | — |
| #6b7280 | #6b7280 | RVB(107, 114, 128) | Node Gray | — |
| #f9fafb | #f9fafb | RVB(249, 250, 251) | DevGrid White | — |
| #c084fc | #c084fc | RVB(192, 132, 252) | Runtime Plum | — |
| #111827 | #111827 | RVB(17, 24, 39) | Panel Charcoal | — |
| #f43f5e | #f43f5e | RVB(244, 63, 94) | Flag Red | — |
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 |
|---|---|---|
#fde047 | #22d3ee | 1.37 |
#fde047 | #f9fafb | 1.26 |
#22d3ee | #f9fafb | 1.72 |
#22d3ee | #c084fc | 1.46 |
#6b7280 | #c084fc | 1.82 |
#6b7280 | #f43f5e | 1.31 |
Palette d'images Visual Debug Web Toolkit png
Exporter la palette
Téléchargez la "Visual Debug Web Toolkit" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :