Criado em 07/20/2025 20:02
Cloud-Native Web Component Board
- Cluster Navy#012a4a
- Pod Yellow#ffe066
- YAML Gray#b5b5b5
- Kube Teal#5fd068
- Cloud White#f7f7f7
- Microservice Green#48bf91
A paleta consiste em cores Escuro, Luz. Cores de destaque Cluster Navy #012a4a e Pod Yellow #ffe066. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #012A4A (mais escuro) a #F7F7F7 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #012A4A, #48BF91, #5FD068, #B5B5B5, #F7F7F7, #FFE066
A paleta Cloud-Native Web Component Board tem uma combinação de cores de códigos de 6:
HEX: #012a4a, RGB: (1, 42, 74); HEX: #ffe066, RGB: (255, 224, 102); HEX: #b5b5b5, RGB: (181, 181, 181)
HEX: #5fd068, RGB: (95, 208, 104); HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #48bf91, RGB: (72, 191, 145)
Versão simplificada das cores da paleta
Matiz de midnightblue, Sombra de gold, Matiz de Prata, Sombra de limegreen, Sombra de whitesmoke, Matiz de mediumaquamarine
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Cloud-Native Web Component Board códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #012a4a | #012a4a | RGB(1, 42, 74) | Cluster Navy | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Pod Yellow | — |
| #b5b5b5 | #b5b5b5 | RGB(181, 181, 181) | YAML Gray | Brainstem Grey |
| #5fd068 | #5fd068 | RGB(95, 208, 104) | Kube Teal | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Cloud White | Lynx White |
| #48bf91 | #48bf91 | RGB(72, 191, 145) | Microservice Green | — |
Contraste da Paleta de Cores
9 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 |
#ffe066 | #b5b5b5 | 1.57 |
#ffe066 | #5fd068 | 1.5 |
#ffe066 | #f7f7f7 | 1.21 |
#ffe066 | #48bf91 | 1.76 |
#b5b5b5 | #5fd068 | 1.04 |
#b5b5b5 | #f7f7f7 | 1.91 |
Paleta de imagens Cloud-Native Web Component Board png
Exportar paleta
Baixe a "Cloud-Native Web Component Board" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: