Colores HEX, RGB, HSL y CSS
HEX, RGB y HSL cubren la mayoría de los flujos de trabajo habituales de navegador, diseño y frontend.
La conversión rápida te permite pegar un valor y reutilizarlo en cualquier sitio sin reescribir la sintaxis a mano.
Conversor de color
Convierte entre hex, RGB, HSL, OKLCH y OKLAB mientras compruebas el contraste y exportas tokens listos para CSS.
Admite hex, rgb(), hsl(), oklch(), oklab() y colores CSS con nombre.
Color actual
#953769
Primer plano sugerido
#FFFFFF
Color complementario
#007653
Acerca de la conversión de colores CSS
Los conversores de color te ayudan a mover el mismo color entre HEX, RGB, HSL, OKLCH y OKLAB. Son especialmente útiles cuando necesitas salida legible, contexto de contraste y valores listos para CSS o Tailwind.
Por qué importan OKLCH y OKLAB
OKLCH y OKLAB son mejores para crear escalas suaves y cambios de luminosidad predecibles.
Facilitan el trabajo con paletas cuando importan las rampas equilibradas y el contraste fiable.
Comprobaciones de contraste y salida para Tailwind
Las comprobaciones de contraste y la salida lista para frameworks convierten un conversor en una herramienta práctica de UI.
Puedes pasar más rápido de un color de entrada a opciones de texto accesibles y tokens compatibles con Tailwind.
Preguntas frecuentes
Respuestas sobre formatos de color admitidos, cuándo usar espacios perceptuales como OKLCH y cómo interpretar las salidas de contraste y Tailwind.
Otras herramientas
Explora cada página de herramienta desde el centro de la página de inicio o desde el selector centrado de la cabecera.
Imágenes
Conversor WebP
Convierte hasta 10 imágenes JPEG, PNG o WebP a WebP con presets de calidad y descargas ZIP.
Abrir Conversor WebP
Recursos
Generador de favicon / iconos de app
Sube una imagen cuadrada de origen y genera un paquete de favicon con iconos de app y un manifest web inicial.
Abrir Generador de favicon
Formatos de datos
Conversor JSON / YAML / TOML
Valida, formatea, minifica y convierte JSON, YAML y TOML con avisos de compatibilidad claros.
Abrir JSON / YAML / TOML
Formatos de datos
Validador CSV
Valida archivos CSV y filas pegadas con detección de delimitador, comprobaciones de cabecera, listas de problemas y vistas previas analizadas.
Abrir Validador CSV
Texto
Case, slug y escape
Convierte texto a camelCase, snake_case, kebab-case, PascalCase, slugs y formas escapadas habituales.
Abrir Case, slug y escape
Texto
Validador Markdown y vista previa
Valida la estructura de Markdown, previsualiza la salida renderizada y detecta problemas habituales de autoría antes de publicar.
Abrir Validador Markdown