Criado em 06/13/2025 10:21
Light Theme UI Wizard
- Tooltip Vanilla#fff8e7
- Highlight Aqua#60efff
- Card Shadow Grey#dadde1
- Component Mauve#cabbe9
- Toggle Lemon#f9f871
- Ink Black#101010
A paleta consiste em cores Luz, Escuro. Cores de destaque Tooltip Vanilla #fff8e7 e Highlight Aqua #60efff. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #101010 (mais escuro) a #FFF8E7 (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): #101010, #60EFFF, #CABBE9, #DADDE1, #F9F871, #FFF8E7
A paleta Light Theme UI Wizard tem uma combinação de cores de códigos de 6:
HEX: #fff8e7, RGB: (255, 248, 231); HEX: #60efff, RGB: (96, 239, 255); HEX: #dadde1, RGB: (218, 221, 225)
HEX: #cabbe9, RGB: (202, 187, 233); HEX: #f9f871, RGB: (249, 248, 113); HEX: #101010, RGB: (16, 16, 16)
Versão simplificada das cores da paleta
Sombra de oldlace, Sombra de cyan, Sombra de gainsboro, Matiz de thistle, Sombra de Amarelo, Sombra de Preto
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Light Theme UI Wizard códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fff8e7 | #fff8e7 | RGB(255, 248, 231) | Tooltip Vanilla | Cosmic Latte |
| #60efff | #60efff | RGB(96, 239, 255) | Highlight Aqua | — |
| #dadde1 | #dadde1 | RGB(218, 221, 225) | Card Shadow Grey | — |
| #cabbe9 | #cabbe9 | RGB(202, 187, 233) | Component Mauve | — |
| #f9f871 | #f9f871 | RGB(249, 248, 113) | Toggle Lemon | — |
| #101010 | #101010 | RGB(16, 16, 16) | Ink Black | — |
Contraste da Paleta de Cores
10 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 |
#fff8e7 | #60efff | 1.29 |
#fff8e7 | #dadde1 | 1.28 |
#fff8e7 | #cabbe9 | 1.68 |
#fff8e7 | #f9f871 | 1.06 |
#60efff | #dadde1 | 1 |
#60efff | #cabbe9 | 1.29 |
Paleta de imagens Light Theme UI Wizard png
Exportar paleta
Baixe a "Light Theme UI Wizard" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: