HueOdysseyGenerador de paletas de colores semánticas
Describe el sitio web o la interfaz que estás diseñando. Obtén una paleta semántica local y continúa en el editor para validarla, ajustarla y exportarla.
Siete roles semánticos Validación de contraste WCAG CSS, Tailwind y PNG
Empieza con una dirección. Mantén claros los roles.
Puntos de partida seleccionados para estilos que las personas ya buscan.
01
Lujo
Marca hotelera de lujo discreto
02Minimalista
Estudio de producto editorial y minimalista
03Pastel
Marca contemporánea de estilo de vida en tonos pastel
04Cyberpunk
Interfaz cyberpunk para un juego multijugador
05Vintage
Packaging vintage para una panadería de barrio
06Retro
Revista optimista de tecnología retro
Creado para la pantalla que estás diseñando.
fondo#F9F9F6
superficie#FFFFFF
texto#171817
principal#C1B133
acento#4089E7
atenuado#797663
Las matemáticas del color pertenecen al navegador.
Sin IA, sin subir archivos y sin necesidad de crear una cuenta.
Generador de paletas de colores desde una imagen
Extrae 5, 7 o 10 colores dominantes de una imagen directamente en tu navegador. El archivo no sale de tu dispositivo.
Abrir herramientaComprobador de contraste de colores
Mide el contraste WCAG para texto normal y grande y encuentra el color de texto más cercano que cumple el nivel AA.
Abrir herramientaGenerador de degradados CSS
Crea degradados CSS lineales o radiales con puntos de color y ángulo editables.
Abrir herramientaMezclador de colores
Mezcla dos colores por porcentaje y consulta el resultado en HEX, RGB y HSL.
Abrir herramientaGenerador de tonos y escalas de color
Convierte un valor HEX en una escala de once pasos con una estructura similar a Tailwind.
Abrir herramientaConversor de colores
Convierte un color entre HEX, RGB, HSL, HSV y OKLCH en una sola página.
Abrir herramientaColores populares