Selector de Color
Seleccione colores y obtenga valores en todos los formatos con verificador de contraste y presets
Selector de Color
Verificador de Contraste
Vista Previa del Color
Valores del Color
Colores Guardados
Colores Predefinidos
Ejemplos de Uso
Colores de Diseno Web
Seleccione colores para su diseno web y obtenga valores listos para CSS en todos los formatos.
Verificacion de Accesibilidad
Verifique la relacion de contraste de color para cumplimiento WCAG AA y AAA.
Paleta de Marca
Construya una paleta de colores de marca con colores guardados y colecciones predefinidas.
Caracteristicas
Multiples Formatos de Color
Obtenga valores de color en formatos HEX, RGB, HSL, HSV, CMYK, RGBA y HSLA al instante
Verificador de Contraste WCAG
Verifique las relaciones de contraste de color para el cumplimiento de accesibilidad WCAG AA y AAA
Guardar Paleta de Colores
Guarde sus colores favoritos en una paleta local almacenada en su navegador
Presets Material y Tailwind
Acceso rapido a las paletas de colores de Material Design y Tailwind CSS
Como Usar?
Seleccionar un Color
Use el selector de color, ingrese un codigo HEX o ajuste los controles de Tono/Saturacion/Luminosidad.
Ver Todos los Formatos
Todos los valores de color (HEX, RGB, HSL, HSV, CMYK) se actualizan en tiempo real al seleccionar colores.
Copiar o Guardar
Copie cualquier formato al portapapeles con un clic o guarde colores en su paleta.
Preguntas Frecuentes
Que es el Selector de Color?
Ves un color que te encanta en un sitio web y necesitas el codigo hex. O estas eligiendo colores de marca y quieres asegurarte de que funcionen tanto en pantalla como en impresion. Esta herramienta te permite tomar cualquier color y obtenerlo al instante en HEX, RGB, HSL, HSV, CMYK, RGBA y HSLA. Tambien verifica si tus combinaciones de colores pasan los estandares de accesibilidad WCAG.
Por que Usar Este Selector de Color?
Todos los formatos de color en un solo lugar con conversion en tiempo real. Verificador de contraste para accesibilidad, paleta local para guardar tus colores frecuentes, paletas de Material Design y Tailwind CSS integradas. Copia con un clic y pega directo en tu codigo.