Creato a 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 tavolozza è composta da Leggero colori. Colori accentati Nav Blue #4a90e2 e Tooltip Amber #ffb347. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #3A3A3C (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 67% dei colori è vivido.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate (2 calde, 2 fredde).
Codici HEX (ordinati): #3A3A3C, #4A90E2, #CFFAE3, #F67280, #FFB347, #FFFFFF
La tavolozza Interactive SaaS Component Library ha una combinazione di colori dei codici 6:
ESADECIMALE: #4a90e2, RGB: (74, 144, 226); ESADECIMALE: #f67280, RGB: (246, 114, 128); ESADECIMALE: #cffae3, RGB: (207, 250, 227)
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #3a3a3c, RGB: (58, 58, 60); ESADECIMALE: #ffb347, RGB: (255, 179, 71)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di lightcoral, Tonalità di honeydew, Bianco, Tonalità di darkslategrey, Ombra di Arancia
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Interactive SaaS Component Library codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Nav Blue | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Button Coral | — |
| #cffae3 | #cffae3 | RGB(207, 250, 227) | Toggle Mint | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Drawer White | White |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Sidebar Graphite | — |
| #ffb347 | #ffb347 | RGB(255, 179, 71) | Tooltip Amber | Agrellan Badland |
Contrasto della palette di colori
6 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
|---|---|---|
#4a90e2 | #f67280 | 1.19 |
#4a90e2 | #ffb347 | 1.84 |
#f67280 | #ffb347 | 1.54 |
#cffae3 | #ffffff | 1.13 |
#cffae3 | #ffb347 | 1.56 |
#ffffff | #ffb347 | 1.78 |
Tavolozza immagini Interactive SaaS Component Library png
Esporta tavolozza
Scarica la "Interactive SaaS Component Library" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: