Design
Expandir códigos HEX de 3 dígitos para 6 dígitos (ex: #FFF para #FFFFFF)
color-expanderDesign
Encurtar códigos HEX de 6 dígitos para 3 dígitos (ex: #FFFFFF para #FFF)
color-shortenerDesign
Gere variações mais escuras de uma cor adicionando preto, criando sombras ricas para profundidade e contraste no design
color-shadeDesign
Criar contraste harmonioso com esquemas de cores complementares divididas usando uma cor base e duas cores adjacentes ao seu complemento
color-split-complementDesign
Ajustar a temperatura da cor deslocando cores entre tons quentes (vermelho/amarelo) e frios (azul), perfeito para iluminação de ambiente e efeitos atmosféricos
color-temperatureDesign
Gerar esquemas de cores tétricas com quatro cores dispostas em padrões retangulares na roda de cores, criando relacionamentos de cores ricos e complexos
color-tetradDesign
Gere variações mais claras de uma cor adicionando branco, criando tons brilhantes e aéreos para estéticas de design frescas
color-tintDesign
Gere esquemas de cores triádicas com três cores equidistantes na roda de cores, criando combinações vibrantes e equilibradas
color-triadDesign
Converte cores entre HEX, RGB, HSL e CMYK.
cmyk-converterDesign
Gera propriedades de caminho de recorte CSS para formas personalizadas
clip-path-generatorDesign
Verifica as razões de contraste de cores para conformidade com WCAG
color-accessibility-checkerDesign
Simula como as cores aparecem para pessoas com diferentes tipos de daltonismo
color-blindness-simulator