Selector de cores e xerador de paletas de balde

Como funciona

Todo se executa directamente no teu navegador usando matemática de conversión escrita a man — sen biblioteca de cores, sen viaxe de ida e volta ao servidor. Escolles unha cor mediante a entrada de cor nativa do navegador ou a API EyeDropper, e a ferramenta convértea instantaneamente en seis formatos á vez que calcula as proporcións de contraste WCAG e xera paletas de harmonía.

1. 1
   Entrada de cor mediante API nativa

   Escolles unha cor mediante o widget integrado <input type="color"> do navegador, ou — en navegadores baseados en Chromium — a API EyeDropper permíteche tomar mostras de calquera píxel da túa pantalla. Ambas as vías devolven unha cadea hexadecimal que se converte na única fonte de verdade.
2. 2
   Conversións de formato escritas a man

   A ferramenta converte o valor hexadecimal a RGB, HSL, HSV, CMYK e OKLCH usando as súas propias funcións matemáticas (sen biblioteca externa). A conversión OKLCH linealiza as canles sRGB, aplica a matriz de raíz cúbica OKLab e despois deriva o croma e o ángulo de ton — coincidindo coa saída moderna de CSS Color Level 4.
3. 3
   Cálculo da proporción de contraste WCAG

   A luminancia relativa calcúlase a partir das canles RGB linearizadas usando a fórmula WCAG 2.x. A ferramenta despois calcula as proporcións de contraste contra branco puro e negro puro e etiquétaas como AA-grande, AA, AAA ou Fallo segundo os limiares WCAG (3:1, 4,5:1, 7:1).
4. 4
   Xeración de paleta de harmonía e gardado local

   As mostras complementarias, triádicas, análogas e monocromáticas derívanse rotando ou avanzando matematicamente os valores de ton e luminosidade HSL. As paletas gardadas escríbense en localStorage no teu navegador — nada sae do teu dispositivo.

Ferramentas relacionadas