Vue Composition Contrast
- Reactive Jade#00b894
- Directive Rose#ff6b6b
- Slot Cream#fff7e6
- Transition Cyan#00ced1
- DevTools Gray#2f3640
- SingleFile Yellow#ffeaa7
Criado em 06/05/2025 20:12
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Slot Cream #fff7e6 e Transition Cyan #00ced1. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2F3640 (mais escuro) a #FFF7E6 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 83% 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 frio (3 de 6).
Códigos HEX (ordenados): #00B894, #00CED1, #2F3640, #FF6B6B, #FFEAA7, #FFF7E6
A paleta Vue Composition Contrast combina 6 códigos de cor:
HEX: #00b894, RGB: (0, 184, 148); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fff7e6, RGB: (255, 247, 230)
HEX: #00ced1, RGB: (0, 206, 209); HEX: #2f3640, RGB: (47, 54, 64); HEX: #ffeaa7, RGB: (255, 234, 167)
Versão simplificada das cores da paleta
Tom escuro de Água-marinha-média, Tom escuro de Salmão, Tom claro de Renda-antiga, Turquesa-escuro, Tom escuro de Cinza-ardósia-escuro, Tom claro de Vara-dourada-pálida
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Vue Composition Contrast códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #00b894 | #00b894 | RGB(0, 184, 148) | Reactive Jade | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Directive Rose | — |
| #fff7e6 | #fff7e6 | RGB(255, 247, 230) | Slot Cream | — |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Transition Cyan | Darkturquoise |
| #2f3640 | #2f3640 | RGB(47, 54, 64) | DevTools Gray | — |
| #ffeaa7 | #ffeaa7 | RGB(255, 234, 167) | SingleFile Yellow | — |
Contraste da paleta de cores
6 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 |
|---|---|---|
#00b894 | #ff6b6b | 1.09 |
#00b894 | #00ced1 | 1.29 |
#ff6b6b | #00ced1 | 1.42 |
#fff7e6 | #00ced1 | 1.83 |
#fff7e6 | #ffeaa7 | 1.12 |
#00ced1 | #ffeaa7 | 1.63 |
Paleta de imagens Vue Composition Contrast png
Exportar paleta
Baixe a "Vue Composition Contrast" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: