Headless CMS Web Kit
- Content Blue Mist#c3dfff
- Schema Light Gold#fff5b0
- Asset Dust Gray#e2e3e6
- Slug Ink Black#111213
- UI Block Rose#ffadbc
- Query Card White#fdfdfd
Creato il 06/24/2025 17:29
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Content Blue Mist #c3dfff e Schema Light Gold #fff5b0. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #111213 (più scuro) a #FDFDFD (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 3 smorzati e 3 vivaci su 6 colori.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al caldo (2 su 6).
Codici HEX (ordinati): #111213, #C3DFFF, #E2E3E6, #FDFDFD, #FFADBC, #FFF5B0
La tavolozza Headless CMS Web Kit combina 6 codici colore:
HEX: #c3dfff, RGB: (195, 223, 255); HEX: #fff5b0, RGB: (255, 245, 176); HEX: #e2e3e6, RGB: (226, 227, 230)
HEX: #111213, RGB: (17, 18, 19); HEX: #ffadbc, RGB: (255, 173, 188); HEX: #fdfdfd, RGB: (253, 253, 253)
Versione semplificata della tavolozza dei colori
Tinta di Blu acciaio chiaro, Tinta di Verga d'oro pallido, Tinta di Gainsboro, Tinta di Nero, Sfumatura di Rosa chiaro, Sfumatura di Bianco
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Headless CMS Web Kit codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #c3dfff | #c3dfff | RGB(195, 223, 255) | Content Blue Mist | — |
| #fff5b0 | #fff5b0 | RGB(255, 245, 176) | Schema Light Gold | — |
| #e2e3e6 | #e2e3e6 | RGB(226, 227, 230) | Asset Dust Gray | — |
| #111213 | #111213 | RGB(17, 18, 19) | Slug Ink Black | — |
| #ffadbc | #ffadbc | RGB(255, 173, 188) | UI Block Rose | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Query Card White | Brilliance |
Contrasto della palette di colori
10 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 |
|---|---|---|
#c3dfff | #fff5b0 | 1.23 |
#c3dfff | #e2e3e6 | 1.06 |
#c3dfff | #ffadbc | 1.28 |
#c3dfff | #fdfdfd | 1.34 |
#fff5b0 | #e2e3e6 | 1.15 |
#fff5b0 | #ffadbc | 1.58 |
Tavolozza immagini Headless CMS Web Kit png
Esporta tavolozza
Scarica la "Headless CMS Web Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: