Cloud DevOps UI System
- Deploy Teal#14b8a6
- Pipeline Indigo#6366f1
- Scale Gold#facc15
- Metrics Cream#fef9c3
- Log Gray#9ca3af
- Error Coral#f87171
- Uptime Fog#f3f4f6
Criado em 06/28/2025 20:27
A paleta consiste em cores Claro. Cores de destaque Pipeline Indigo #6366f1 e Metrics Cream #fef9c3. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #6366F1 (mais escuro) a #FEF9C3 (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 71% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o quente (3 de 7).
Códigos HEX (ordenados): #14B8A6, #6366F1, #9CA3AF, #F3F4F6, #F87171, #FACC15, #FEF9C3
A paleta Cloud DevOps UI System combina 7 códigos de cor:
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #6366f1, RGB: (99, 102, 241); HEX: #facc15, RGB: (250, 204, 21)
HEX: #fef9c3, RGB: (254, 249, 195); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #f87171, RGB: (248, 113, 113)
HEX: #f3f4f6, RGB: (243, 244, 246)
Versão simplificada das cores da paleta
Tom escuro de Verde-mar-claro, Tom escuro de Azul-ardósia-médio, Tom escuro de Dourado, Tom escuro de Chiffon-limão, Tom escuro de Cinza-escuro, Tom escuro de Coral-claro, Tom escuro de Fumaça-branca
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Cloud DevOps UI System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Deploy Teal | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Pipeline Indigo | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Scale Gold | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Metrics Cream | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Log Gray | — |
| #f87171 | #f87171 | RGB(248, 113, 113) | Error Coral | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Uptime Fog | — |
Contraste da paleta de cores
12 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#14b8a6 | #6366f1 | 1.79 |
#14b8a6 | #facc15 | 1.62 |
#14b8a6 | #9ca3af | 1.01 |
#14b8a6 | #f87171 | 1.11 |
#6366f1 | #9ca3af | 1.75 |
#6366f1 | #f87171 | 1.61 |
Paleta de imagens Cloud DevOps UI System png
Exportar paleta
Baixe a "Cloud DevOps UI System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: