Criado em 07/10/2025 08:32
Contrast Optimized Devkit
- Keyword Blue#264653
- Panel Vanilla#f7eedd
- Accent Red#e63946
- Tooltip Navy#2a2e45
- Readable Green#a8e6cf
- Highlight Orange#ffa36c
- Drawer White#ffffff
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Readable Green #a8e6cf e Highlight Orange #ffa36c. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #2A2E45 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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): #264653, #2A2E45, #A8E6CF, #E63946, #F7EEDD, #FFA36C, #FFFFFF
A paleta Contrast Optimized Devkit tem uma combinação de cores de códigos de 7:
HEX: #264653, RGB: (38, 70, 83); HEX: #f7eedd, RGB: (247, 238, 221); HEX: #e63946, RGB: (230, 57, 70)
HEX: #2a2e45, RGB: (42, 46, 69); HEX: #a8e6cf, RGB: (168, 230, 207); HEX: #ffa36c, RGB: (255, 163, 108)
HEX: #ffffff, RGB: (255, 255, 255)
Versão simplificada das cores da paleta
Matiz de darkslategrey, Matiz de oldlace, Sombra de crimson, Sombra de midnightblue, Matiz de paleturquoise, Sombra de lightsalmon, Branco
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Contrast Optimized Devkit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #264653 | #264653 | RGB(38, 70, 83) | Keyword Blue | — |
| #f7eedd | #f7eedd | RGB(247, 238, 221) | Panel Vanilla | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Accent Red | — |
| #2a2e45 | #2a2e45 | RGB(42, 46, 69) | Tooltip Navy | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Readable Green | — |
| #ffa36c | #ffa36c | RGB(255, 163, 108) | Highlight Orange | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Drawer White | White |
Contraste da Paleta de Cores
7 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 |
|---|---|---|
#264653 | #2a2e45 | 1.32 |
#f7eedd | #a8e6cf | 1.22 |
#f7eedd | #ffa36c | 1.7 |
#f7eedd | #ffffff | 1.15 |
#a8e6cf | #ffa36c | 1.39 |
#a8e6cf | #ffffff | 1.41 |
Paleta de imagens Contrast Optimized Devkit png
Exportar paleta
Baixe a "Contrast Optimized Devkit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: