Creato a 07/16/2025 11:53
Semantic Web UI Component Kit
- Ontology Lavender#cdb4db
- SPARQL Teal#00b8a9
- Linked Data Cream#f9f9f9
- Graph Hub Black#1a1a1a
- Triplet Pink#f48fb1
- Metadata Gold#ffd54f
La tavolozza è composta da Leggero, Buio colori. Colori accentati SPARQL Teal #00b8a9 e Metadata Gold #ffd54f. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1A1A1A (più scuro) a #F9F9F9 (più chiaro). L’intervallo di luminosità è ampio.
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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #00B8A9, #1A1A1A, #CDB4DB, #F48FB1, #F9F9F9, #FFD54F
La tavolozza Semantic Web UI Component Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #cdb4db, RGB: (205, 180, 219); ESADECIMALE: #00b8a9, RGB: (0, 184, 169); ESADECIMALE: #f9f9f9, RGB: (249, 249, 249)
ESADECIMALE: #1a1a1a, RGB: (26, 26, 26); ESADECIMALE: #f48fb1, RGB: (244, 143, 177); ESADECIMALE: #ffd54f, RGB: (255, 213, 79)
Versione semplificata della tavolozza dei colori
Tonalità di thistle, Tonalità di lightseagreen, Ombra di whitesmoke, Ombra di Nero, Ombra di palevioletred, Ombra di gold
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Semantic Web UI Component Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #cdb4db | #cdb4db | RGB(205, 180, 219) | Ontology Lavender | — |
| #00b8a9 | #00b8a9 | RGB(0, 184, 169) | SPARQL Teal | — |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Linked Data Cream | Doctor |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Graph Hub Black | Gray10 |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | Triplet Pink | — |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Metadata Gold | — |
Contrasto della palette di colori
8 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 |
|---|---|---|
#cdb4db | #00b8a9 | 1.32 |
#cdb4db | #f9f9f9 | 1.78 |
#cdb4db | #f48fb1 | 1.18 |
#cdb4db | #ffd54f | 1.33 |
#00b8a9 | #f48fb1 | 1.11 |
#00b8a9 | #ffd54f | 1.76 |
Tavolozza immagini Semantic Web UI Component Kit png
Esporta tavolozza
Scarica la "Semantic Web UI Component Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: