Créé à 06/25/2018 11:14
Stream (Bootstrap 4 UI Kit) colors palette
Bg primary
#59287a
Bg secondary
#00c9a7
Bg success
#0dd157
Bg danger
#fb4143
Bg warning
#fab633
Bg info
#2972fa
Bg dark
#1b1e24
Bg light
#f6f9fc
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Bg secondary #00c9a7 et Bg danger #fb4143. La palette a une température de couleur Froid, Chaud, Neutre.
La palette Stream (Bootstrap 4 UI Kit) colors palette a une combinaison de couleurs de codes 8:
HEX: #59287a, RVB: (89, 40, 122); HEX: #00c9a7, RVB: (0, 201, 167); HEX: #0dd157, RVB: (13, 209, 87)
HEX: #fb4143, RVB: (251, 65, 67); HEX: #fab633, RVB: (250, 182, 51); HEX: #2972fa, RVB: (41, 114, 250)
HEX: #1b1e24, RVB: (27, 30, 36); HEX: #f6f9fc, RVB: (246, 249, 252)
Version simplifiée des couleurs de la palette
Ombre de indigo, Nuance de mediumaquamarine, Nuance de limegreen, Nuance de tomato, Ombre de Orange, Ombre de royalblue, Ombre de Noir, Nuance de ghostwhite
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Stream (Bootstrap 4 UI Kit) colors palette codes de couleur HEX, informations RVB dans le tableau
Couleur | HEX | RVB | Nom | Autre nom |
#59287a | RVB(89, 40, 122) | Bg primary | — | |
#00c9a7 | RVB(0, 201, 167) | Bg secondary | — | |
#0dd157 | RVB(13, 209, 87) | Bg success | — | |
#fb4143 | RVB(251, 65, 67) | Bg danger | — | |
#fab633 | RVB(250, 182, 51) | Bg warning | — | |
#2972fa | RVB(41, 114, 250) | Bg info | — | |
#1b1e24 | RVB(27, 30, 36) | Bg dark | — | |
#f6f9fc | RVB(246, 249, 252) | Bg light | — |
Contraste de la palette de couleurs
10 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 |
#59287a | #1b1e24 | 1.59 |
#00c9a7 | #0dd157 | 1.03 |
#00c9a7 | #fb4143 | 1.66 |
#00c9a7 | #fab633 | 1.19 |
#0dd157 | #fb4143 | 1.73 |
#0dd157 | #fab633 | 1.14 |