Creato a 06/22/2025 06:58
Web Component Documentation Set
- Doc Sand#f8edeb
- Code Plum#a29bfe
- Inline Gray#ced4da
- UI Blue#4ea8de
- Callout Pink#ffcad4
- Reference White#ffffff
La tavolozza è composta da Leggero colori. Colori accentati UI Blue #4ea8de e Callout Pink #ffcad4. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #4EA8DE (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #4EA8DE, #A29BFE, #CED4DA, #F8EDEB, #FFCAD4, #FFFFFF
La tavolozza Web Component Documentation Set ha una combinazione di colori dei codici 6:
ESADECIMALE: #f8edeb, RGB: (248, 237, 235); ESADECIMALE: #a29bfe, RGB: (162, 155, 254); ESADECIMALE: #ced4da, RGB: (206, 212, 218)
ESADECIMALE: #4ea8de, RGB: (78, 168, 222); ESADECIMALE: #ffcad4, RGB: (255, 202, 212); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Tonalità di snow, Tonalità di lightsteelblue, Tonalità di lightgrey, Ombra di deepskyblue, Ombra di Rosa, Bianco
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Web Component Documentation Set codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f8edeb | #f8edeb | RGB(248, 237, 235) | Doc Sand | — |
| #a29bfe | #a29bfe | RGB(162, 155, 254) | Code Plum | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Inline Gray | — |
| #4ea8de | #4ea8de | RGB(78, 168, 222) | UI Blue | — |
| #ffcad4 | #ffcad4 | RGB(255, 202, 212) | Callout Pink | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Reference White | White |
Contrasto della palette di colori
11 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 |
#f8edeb | #ced4da | 1.3 |
#f8edeb | #ffcad4 | 1.24 |
#f8edeb | #ffffff | 1.14 |
#a29bfe | #ced4da | 1.62 |
#a29bfe | #4ea8de | 1.08 |
#a29bfe | #ffcad4 | 1.69 |
Tavolozza immagini Web Component Documentation Set png
Esporta tavolozza
Scarica la "Web Component Documentation Set" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: