Créé à 05/01/2023 12:02
Web interaction scroll architecture colors
- Black#141414
- Pastel Blue#b4c8c8
- Anti-Flash White#f0f0f0
- White#ffffff
- White#dcdcdc
- Chinese Silver#c8c8c8
La palette se compose de Sombre, Lumière couleurs. Couleurs d'accent Pastel Blue #b4c8c8 et White #ffffff. 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.
La saturation semble globalement plutôt faible (chromie basse).
Le contenu chromatique s’articule sur une direction de teinte ; les neutres atténuent le contraste (heuristique).
La plupart des pastilles lisent comme neutres en température.
Codes HEX (triés) : #141414, #B4C8C8, #C8C8C8, #DCDCDC, #F0F0F0, #FFFFFF
La palette Web interaction scroll architecture colors a une combinaison de couleurs de codes 6:
HEX: #141414, RVB: (20, 20, 20); HEX: #b4c8c8, RVB: (180, 200, 200); HEX: #f0f0f0, RVB: (240, 240, 240)
HEX: #ffffff, RVB: (255, 255, 255); HEX: #dcdcdc, RVB: (220, 220, 220); HEX: #c8c8c8, RVB: (200, 200, 200)
Version simplifiée des couleurs de la palette
Ombre de Noir, Nuance de lightblue, Nuance de whitesmoke, Blanc, Ombre de Argent
Le jeu de couleurs a été créé par colourlock
Codes couleurs dans la palette
Web interaction scroll architecture colors codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #141414 | #141414 | RVB(20, 20, 20) | Black | Sooty |
| #b4c8c8 | #b4c8c8 | RVB(180, 200, 200) | Pastel Blue | — |
| #f0f0f0 | #f0f0f0 | RVB(240, 240, 240) | Anti-Flash White | Gray94 |
| #ffffff | #ffffff | RVB(255, 255, 255) | White | — |
| #dcdcdc | #dcdcdc | RVB(220, 220, 220) | White | Gainsboro |
| #c8c8c8 | #c8c8c8 | RVB(200, 200, 200) | Chinese Silver | — |
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 |
#b4c8c8 | #f0f0f0 | 1.53 |
#b4c8c8 | #ffffff | 1.74 |
#b4c8c8 | #dcdcdc | 1.27 |
#b4c8c8 | #c8c8c8 | 1.04 |
#f0f0f0 | #ffffff | 1.13 |
#f0f0f0 | #dcdcdc | 1.2 |
Palette d'images Web interaction scroll architecture colors png
Exporter la palette
Téléchargez la "Web interaction scroll architecture colors" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :