Créé à 02/27/2023 19:55
Date picker design resource ui ux colors
- Dodger Blue#2c84fc
- Blueberry#4f9af7
- Air Force Blue (USAF)#013882
- Dark Silver#6c6c74
- Calming Space#aab4bf
- Charleston Green#2c2c2c
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Air Force Blue (USAF) #013882 et Charleston Green #2c2c2c. La palette a une température de couleur Froid, Neutre.
En luminosité, cette palette va de #2C2C2C (plus sombre) à #AAB4BF (plus clair). L’écart de luminosité est modéré.
Saturation mixte — 3 teintes atténuées et 3 vives sur 6 couleurs.
Les teintes suggèrent un groupe surtout analogue sur environ 3° (heuristique, pas une règle stricte).
La température globale penche vers le froid (5 sur 6).
Codes HEX (triés) : #013882, #2C2C2C, #2C84FC, #4F9AF7, #6C6C74, #AAB4BF
La palette Date picker design resource ui ux colors a une combinaison de couleurs de codes 6:
HEX: #2c84fc, RVB: (44, 132, 252); HEX: #4f9af7, RVB: (79, 154, 247); HEX: #013882, RVB: (1, 56, 130)
HEX: #6c6c74, RVB: (108, 108, 116); HEX: #aab4bf, RVB: (170, 180, 191); HEX: #2c2c2c, RVB: (44, 44, 44)
Version simplifiée des couleurs de la palette
Nuance de dodgerblue, Nuance de cornflowerblue, Nuance de darkslateblue, Ombre de dimgrey, Nuance de lightsteelblue, Ombre de Noir
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Date picker design resource ui ux colors codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #2c84fc | #2c84fc | RVB(44, 132, 252) | Dodger Blue | — |
| #4f9af7 | #4f9af7 | RVB(79, 154, 247) | Blueberry | — |
| #013882 | #013882 | RVB(1, 56, 130) | Air Force Blue (USAF) | — |
| #6c6c74 | #6c6c74 | RVB(108, 108, 116) | Dark Silver | — |
| #aab4bf | #aab4bf | RVB(170, 180, 191) | Calming Space | — |
| #2c2c2c | #2c2c2c | RVB(44, 44, 44) | Charleston Green | — |
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 |
|---|---|---|
#2c84fc | #4f9af7 | 1.25 |
#2c84fc | #6c6c74 | 1.44 |
#2c84fc | #aab4bf | 1.71 |
#4f9af7 | #6c6c74 | 1.8 |
#4f9af7 | #aab4bf | 1.36 |
#013882 | #2c2c2c | 1.25 |
Palette d'images Date picker design resource ui ux colors png
Exporter la palette
Téléchargez la "Date picker design resource ui ux colors" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :