Créé à 02/02/2021 12:57
zxcvb
Primary
#0d6efd
Secondary
#6c757d
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Light
#f8f9fa
Dark
#343a40
#724e84
#78b870
#045e35
#9acf0a
#a09411
#93727c
#f65dd1
#fb1364
#77ea49
#b2dc36
#426c94
#f7262a
La palette se compose de Semi foncé, Lumière couleurs. Couleurs d'accent Primary #0d6efd et Warning #ffc107. La palette a une température de couleur Froid, Chaud, Neutre.
La palette zxcvb a une combinaison de couleurs de codes 20:
HEX: #0d6efd, RVB: (13, 110, 253); HEX: #6c757d, RVB: (108, 117, 125); HEX: #28a745, RVB: (40, 167, 69)
HEX: #dc3545, RVB: (220, 53, 69); HEX: #ffc107, RVB: (255, 193, 7); HEX: #17a2b8, RVB: (23, 162, 184)
HEX: #f8f9fa, RVB: (248, 249, 250); HEX: #343a40, RVB: (52, 58, 64); HEX: #724e84, RVB: (114, 78, 132)
HEX: #78b870, RVB: (120, 184, 112); HEX: #045e35, RVB: (4, 94, 53); HEX: #9acf0a, RVB: (154, 207, 10)
HEX: #a09411, RVB: (160, 148, 17); HEX: #93727c, RVB: (147, 114, 124); HEX: #f65dd1, RVB: (246, 93, 209)
HEX: #fb1364, RVB: (251, 19, 100); HEX: #77ea49, RVB: (119, 234, 73); HEX: #b2dc36, RVB: (178, 220, 54)
HEX: #426c94, RVB: (66, 108, 148); HEX: #f7262a, RVB: (247, 38, 42)
Version simplifiée des couleurs de la palette
Nuance de royalblue, Nuance de slategrey, Nuance de mediumseagreen, Ombre de crimson, Nuance de gold, Nuance de cadetblue, Ombre de whitesmoke, Nuance de darkslategrey, Ombre de darkslateblue, Nuance de darkseagreen, Ombre de darkgreen, Nuance de Vert jaunâtre, Ombre de olive, Nuance de rosybrown, Nuance de orchid, Nuance de deeppink, Nuance de lawngreen, Ombre de Vert jaunâtre, Nuance de steelblue, Ombre de Rouge
Le jeu de couleurs a été créé par —(••÷ 🎀 𝒰𝓃𝒾 🎀 ÷••(—
Codes couleurs dans la palette
zxcvb codes de couleur HEX, informations RVB dans le tableau
Couleur | HEX | RVB | Nom | Autre nom |
#0d6efd | RVB(13, 110, 253) | Primary | — | |
#6c757d | RVB(108, 117, 125) | Secondary | Pompeii Ash | |
#28a745 | RVB(40, 167, 69) | Success | — | |
#dc3545 | RVB(220, 53, 69) | Danger | — | |
#ffc107 | RVB(255, 193, 7) | Warning | — | |
#17a2b8 | RVB(23, 162, 184) | Info | — | |
#f8f9fa | RVB(248, 249, 250) | Light | — | |
#343a40 | RVB(52, 58, 64) | Dark | — | |
#724e84 | RVB(114, 78, 132) | — | — | |
#78b870 | RVB(120, 184, 112) | — | — | |
#045e35 | RVB(4, 94, 53) | — | — | |
#9acf0a | RVB(154, 207, 10) | — | — | |
#a09411 | RVB(160, 148, 17) | — | — | |
#93727c | RVB(147, 114, 124) | — | — | |
#f65dd1 | RVB(246, 93, 209) | — | — | |
#fb1364 | RVB(251, 19, 100) | — | — | |
#77ea49 | RVB(119, 234, 73) | — | — | |
#b2dc36 | RVB(178, 220, 54) | — | — | |
#426c94 | RVB(66, 108, 148) | — | — | |
#f7262a | RVB(247, 38, 42) | — | — |
Contraste de la palette de couleurs
109 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 |
#0d6efd | #6c757d | 1.04 |
#0d6efd | #28a745 | 1.43 |
#0d6efd | #dc3545 | 1 |
#0d6efd | #17a2b8 | 1.47 |
#0d6efd | #724e84 | 1.48 |
#0d6efd | #78b870 | 1.9 |