Créé à 03/29/2024 15:11
Chakra UI CSS Framework colors
gray
#cbd5e0
red
#f56565
orange
#ed8936
yellow
#ecc94b
green
#48bb78
teal
#38b2ac
blue
#4299e1
cyan
#90cdf4
purple
#9f7aea
pink
#ed64a6
La palette se compose de Lumière couleurs. Couleurs d'accent red #f56565 et cyan #90cdf4. La palette a une température de couleur Froid, Chaud.
La palette Chakra UI CSS Framework colors a une combinaison de couleurs de codes 10:
HEX: #cbd5e0, RVB: (203, 213, 224); HEX: #f56565, RVB: (245, 101, 101); HEX: #ed8936, RVB: (237, 137, 54)
HEX: #ecc94b, RVB: (236, 201, 75); HEX: #48bb78, RVB: (72, 187, 120); HEX: #38b2ac, RVB: (56, 178, 172)
HEX: #4299e1, RVB: (66, 153, 225); HEX: #90cdf4, RVB: (144, 205, 244); HEX: #9f7aea, RVB: (159, 122, 234)
HEX: #ed64a6, RVB: (237, 100, 166)
Version simplifiée des couleurs de la palette
Ombre de lightgrey, Nuance de lightcoral, Nuance de darkorange, Nuance de gold, Ombre de mediumseagreen, Ombre de lightseagreen, Ombre de dodgerblue, Ombre de lightskyblue, Ombre de mediumpurple, Nuance de hotpink
Le jeu de couleurs a été créé par colorstudio
Codes couleurs dans la palette
Chakra UI CSS Framework colors codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #cbd5e0 | RVB(203, 213, 224) | gray | — | |
| #f56565 | RVB(245, 101, 101) | red | — | |
| #ed8936 | RVB(237, 137, 54) | orange | — | |
| #ecc94b | RVB(236, 201, 75) | yellow | — | |
| #48bb78 | RVB(72, 187, 120) | green | — | |
| #38b2ac | RVB(56, 178, 172) | teal | — | |
| #4299e1 | RVB(66, 153, 225) | blue | — | |
| #90cdf4 | RVB(144, 205, 244) | cyan | — | |
| #9f7aea | RVB(159, 122, 234) | purple | — | |
| #ed64a6 | RVB(237, 100, 166) | pink | — |
Contraste de la palette de couleurs
40 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 |
#cbd5e0 | #ed8936 | 1.71 |
#cbd5e0 | #ecc94b | 1.08 |
#cbd5e0 | #48bb78 | 1.63 |
#cbd5e0 | #38b2ac | 1.73 |
#cbd5e0 | #90cdf4 | 1.15 |
#f56565 | #ed8936 | 1.18 |
