Criado em 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
A paleta consiste em cores Luz, Escuro. Cores de destaque SPARQL Teal #00b8a9 e Metadata Gold #ffd54f. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1A1A1A (mais escuro) a #F9F9F9 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 2 suaves e 3 vívidas em 6 cores.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #00B8A9, #1A1A1A, #CDB4DB, #F48FB1, #F9F9F9, #FFD54F
A paleta Semantic Web UI Component Kit tem uma combinação de cores de códigos de 6:
HEX: #cdb4db, RGB: (205, 180, 219); HEX: #00b8a9, RGB: (0, 184, 169); HEX: #f9f9f9, RGB: (249, 249, 249)
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #f48fb1, RGB: (244, 143, 177); HEX: #ffd54f, RGB: (255, 213, 79)
Versão simplificada das cores da paleta
Matiz de thistle, Matiz de lightseagreen, Sombra de whitesmoke, Sombra de Preto, Sombra de palevioletred, Sombra de gold
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Semantic Web UI Component Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | 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 | — |
Contraste da Paleta de Cores
8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
|---|---|---|
#cdb4db | #00b8a9 | 1.32 |
#cdb4db | #f9f9f9 | 1.78 |
#cdb4db | #f48fb1 | 1.18 |
#cdb4db | #ffd54f | 1.33 |
#00b8a9 | #f48fb1 | 1.11 |
#00b8a9 | #ffd54f | 1.76 |
Paleta de imagens Semantic Web UI Component Kit png
Exportar paleta
Baixe a "Semantic Web UI Component Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: