--:--:--|
tool://color-picker
ONLINE
Color Picker
> Conversión de colores y generación de paletas
LOADING MODULE...
README.md — cómo funciona
Selector de color para diseño web: lo eliges en el lienzo, lo escribes o lo coges de la pantalla con el cuentagotas (en Chrome o Edge de escritorio), y lo tienes en HEX, RGB, HSL, HSV y CMYK. Además calcula armonías, exporta paletas a CSS, Tailwind, SCSS o JSON, crea degradados lineales, radiales o cónicos, extrae colores de una imagen, comprueba el contraste WCAG y simula cómo lo vería alguien con daltonismo.
cómo se usa
- Elige el color en el lienzo, escríbelo en HEX, RGB o HSL o usa el cuentagotas.
- Copia el formato que necesites o guárdalo en favoritos.
- Para un texto, pon su color y el del fondo en el comprobador de contraste y mira si pasa AA o AAA.
- Exporta la paleta a CSS, Tailwind, SCSS o JSON, o copia el CSS de un degradado.
preguntas frecuentes
¿Cómo paso de HEX a RGB?
Escribe el HEX (por ejemplo, #ff6600) y lee el valor en RGB, HSL o CMYK; también funciona al revés.
¿Qué contraste necesito para cumplir WCAG?
Para el nivel AA, 4,5:1 en texto normal y 3:1 en texto grande; para AAA, 7:1 y 4,5:1.
¿Puedo sacar los colores de una foto?
Sí: sube una imagen y extrae sus colores principales para usarlos como paleta.