Creato a 06/28/2025 20:34
Open Web Component Studio
- Element Sky#60a5fa
- Slot Cream#fef6e3
- Bind Indigo#6366f1
- Shadow Mint#6ee7b7
- Click Coral#fb7185
- Focus Slate#475569
- Structure Jet#0f172a
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Element Sky #60a5fa e Click Coral #fb7185. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #0F172A (più scuro) a #FEF6E3 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #0F172A, #475569, #60A5FA, #6366F1, #6EE7B7, #FB7185, #FEF6E3
La tavolozza Open Web Component Studio ha una combinazione di colori dei codici 7:
ESADECIMALE: #60a5fa, RGB: (96, 165, 250); ESADECIMALE: #fef6e3, RGB: (254, 246, 227); ESADECIMALE: #6366f1, RGB: (99, 102, 241)
ESADECIMALE: #6ee7b7, RGB: (110, 231, 183); ESADECIMALE: #fb7185, RGB: (251, 113, 133); ESADECIMALE: #475569, RGB: (71, 85, 105)
ESADECIMALE: #0f172a, RGB: (15, 23, 42)
Versione semplificata della tavolozza dei colori
Ombra di cornflowerblue, Ombra di oldlace, Tonalità di mediumslateblue, Tonalità di aquamarine, Tonalità di lightcoral, Ombra di darkslateblue, Ombra di Nero
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Open Web Component Studio codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Element Sky | — |
| #fef6e3 | #fef6e3 | RGB(254, 246, 227) | Slot Cream | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Bind Indigo | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Shadow Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Click Coral | — |
| #475569 | #475569 | RGB(71, 85, 105) | Focus Slate | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Structure Jet | — |
Contrasto della palette di colori
7 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 |
#60a5fa | #6366f1 | 1.75 |
#60a5fa | #6ee7b7 | 1.66 |
#60a5fa | #fb7185 | 1.05 |
#fef6e3 | #6ee7b7 | 1.41 |
#6366f1 | #fb7185 | 1.65 |
#6366f1 | #475569 | 1.69 |
Tavolozza immagini Open Web Component Studio png
Esporta tavolozza
Scarica la "Open Web Component Studio" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: