Créé à 07/13/2025 17:18
Interactive SaaS Component Library
- Nav Blue#4a90e2
- Button Coral#f67280
- Toggle Mint#cffae3
- Drawer White#ffffff
- Sidebar Graphite#3a3a3c
- Tooltip Amber#ffb347
La palette se compose de Lumière couleurs. Couleurs d'accent Nav Blue #4a90e2 et Tooltip Amber #ffb347. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #3A3A3C (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 67% des couleurs sont vives.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
Les notes chaudes et froides sont assez équilibrées (2 chaudes, 2 froides).
Codes HEX (triés) : #3A3A3C, #4A90E2, #CFFAE3, #F67280, #FFB347, #FFFFFF
La palette Interactive SaaS Component Library a une combinaison de couleurs de codes 6:
HEX: #4a90e2, RVB: (74, 144, 226); HEX: #f67280, RVB: (246, 114, 128); HEX: #cffae3, RVB: (207, 250, 227)
HEX: #ffffff, RVB: (255, 255, 255); HEX: #3a3a3c, RVB: (58, 58, 60); HEX: #ffb347, RVB: (255, 179, 71)
Version simplifiée des couleurs de la palette
Ombre de dodgerblue, Nuance de lightcoral, Nuance de honeydew, Blanc, Nuance de darkslategrey, Ombre de Orange
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
Interactive SaaS Component Library codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #4a90e2 | #4a90e2 | RVB(74, 144, 226) | Nav Blue | — |
| #f67280 | #f67280 | RVB(246, 114, 128) | Button Coral | — |
| #cffae3 | #cffae3 | RVB(207, 250, 227) | Toggle Mint | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Drawer White | White |
| #3a3a3c | #3a3a3c | RVB(58, 58, 60) | Sidebar Graphite | — |
| #ffb347 | #ffb347 | RVB(255, 179, 71) | Tooltip Amber | Agrellan Badland |
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 |
|---|---|---|
#4a90e2 | #f67280 | 1.19 |
#4a90e2 | #ffb347 | 1.84 |
#f67280 | #ffb347 | 1.54 |
#cffae3 | #ffffff | 1.13 |
#cffae3 | #ffb347 | 1.56 |
#ffffff | #ffb347 | 1.78 |
Palette d'images Interactive SaaS Component Library png
Exporter la palette
Téléchargez la "Interactive SaaS Component Library" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :