Simple progress ui kit colours
- White#ffffff
- Black#141414
- Anti-Flash White#f0f0f0
- Blue (Crayola)#1464ff
- Pale Blue#b4f0f0
- Azure#f0ffff
Créé le 10/31/2023 12:33
La palette se compose de Clair, Sombre, Semi foncé couleurs. Couleurs d'accent White #ffffff et Azure #f0ffff. La palette a une température de couleur Neutre, Froid.
En luminosité, cette palette va de #141414 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — 3 teintes atténuées et 3 vives sur 6 couleurs.
Une palette analogue : ses teintes sont proches sur le cercle chromatique, dans environ 40°.
La plupart des pastilles lisent comme neutres en température (4 sur 6).
Codes HEX (triés) : #141414, #1464FF, #B4F0F0, #F0F0F0, #F0FFFF, #FFFFFF
La palette Simple progress ui kit colours combine 6 codes couleur:
HEX: #ffffff, RVB: (255, 255, 255); HEX: #141414, RVB: (20, 20, 20); HEX: #f0f0f0, RVB: (240, 240, 240)
HEX: #1464ff, RVB: (20, 100, 255); HEX: #b4f0f0, RVB: (180, 240, 240); HEX: #f0ffff, RVB: (240, 255, 255)
Version simplifiée des couleurs de la palette
Blanc, Teinte de Noir, Nuance de Fumée blanche, Nuance de Bleu royal, Teinte de Turquoise pâle, Azur
Le jeu de couleurs a été créé par coolor
Codes couleurs dans la palette
Simple progress ui kit colours codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #ffffff | #ffffff | RVB(255, 255, 255) | White | — |
| #141414 | #141414 | RVB(20, 20, 20) | Black | Sooty |
| #f0f0f0 | #f0f0f0 | RVB(240, 240, 240) | Anti-Flash White | Gray94 |
| #1464ff | #1464ff | RVB(20, 100, 255) | Blue (Crayola) | — |
| #b4f0f0 | #b4f0f0 | RVB(180, 240, 240) | Pale Blue | — |
| #f0ffff | #f0ffff | RVB(240, 255, 255) | Azure | Vapor |
Contraste de la palette de couleurs
6 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 |
|---|---|---|
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #b4f0f0 | 1.26 |
#ffffff | #f0ffff | 1.02 |
#f0f0f0 | #b4f0f0 | 1.1 |
#f0f0f0 | #f0ffff | 1.1 |
#b4f0f0 | #f0ffff | 1.22 |
Palette d'images Simple progress ui kit colours png
Exporter la palette
Téléchargez la "Simple progress ui kit colours" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :