Escolha uma cor.
Descubra tudo sobre ela.

Essa diferença ocorre devido a incompatibilidades de espaço de cores. Os navegadores da web renderizam códigos hexadecimais no espaço de cores padrão sRGB. No entanto, dispositivos modernos (como telas Mac e iPhones) e ferramentas de design costumam operar por padrão em Display P3 ou Adobe RGB, que cobrem um espectro maior. Ao exportar sem conversão de perfil para sRGB, as cores vivas perdem vivacidade. Ajuste o perfil de cor do seu editor para sRGB antes de copiar valores ou utilize a sintaxe moderna do CSS Color 4 como color(display-p3 0.9 0.2 0.5).

De acordo com as diretrizes WCAG 2.1, o texto precisa de uma taxa de contraste mínima: 4.5:1 para texto normal (abaixo de 18pt ou 14pt em negrito) e 3.0:1 para textos grandes e botões interativos. Você pode verificar qualquer combinação imediatamente com nosso Verificador de Contraste WCAG gratuito.

OKLCH é um espaço de cores perceptualmente uniforme introduzido no CSS Color Module Level 4. Modelos antigos como HSL não correspondem à visão humana: o amarelo puro parece muito mais claro que o azul puro mesmo ambos tendo 50% de luminosidade. O OKLCH equaliza a luminosidade (L) conforme a percepção real dos nossos olhos, eliminando pontos acinzentados no meio de gradientes.

Sim, 100% gratuito. Todas as paletas de cores, códigos de conversão, gradientes CSS e paletas extraídas de fotos no ColorKit são disponibilizados sob domínio público (CC0). Você pode utilizá-los em sites de clientes, aplicativos SaaS, jogos e repositórios sem custos de licença ou necessidade de atribuição.

Não. O ColorKit foi construído com arquitetura de Privacidade 100% no Cliente. Todo o processamento matemático, ampliação com lupa e amostragem de pixels é executado na memória do seu navegador através de HTML5 Canvas e APIs nativas de JavaScript. Suas imagens nunca são enviadas pela rede.