Genera un color
Pulsa «Nuevo color aleatorio» para crear tres canales RGB aleatorios seguros.
Color aleatorio
Descubre un color que no habrías elegido.
Genera un color nuevo, copia sus formatos habituales y comprueba si se lee mejor con texto claro u oscuro.
HEX
Tu próximo color está a un clic.
Nuevo color aleatorio
Los colores se generan en esta pestaña.
HEX
#7162E8RGB
rgb(113, 98, 232)HSL
hsl(247, 74%, 65%)Últimos colores
Tu paleta reciente aparecerá aquí.
Los colores se generan en esta pestaña.
Cómo usar el generador de colores
Cada clic crea un color RGB y calcula sus valores HEX y HSL equivalentes.
Revisa los formatos
Observa el mismo color representado como HEX, RGB y HSL.
Copia y úsalo
Copia el formato que necesite tu herramienta de diseño o desarrollo.
Formas de usar colores aleatorios
Inspiración de diseño
Sal de tus paletas habituales con un color inicial inesperado.
Contenido para prototipos
Crea muestras provisionales para maquetas y pruebas de componentes.
Aprender modelos de color
Compara las representaciones HEX, RGB y HSL del mismo color.
¿Qué significan HEX, RGB y HSL?
RGB describe los canales rojo, verde y azul de 0 a 255. HEX codifica esos mismos valores con seis caracteres hexadecimales habituales en CSS.
HSL describe tono, saturación y luminosidad. Suele ser más intuitivo al ajustar la intensidad o claridad de un color.
Preguntas frecuentes
¿Puedo copiar el código del color?
Sí. Copia HEX, RGB o HSL con un solo clic.
¿Pueden salir todos los colores RGB?
Sí. Cada canal puede ser de forma independiente cualquier entero entre 0 y 255.
¿Cómo se recomienda el color del texto?
Whimivo estima la luminancia relativa y sugiere texto blanco u oscuro para mejorar el contraste básico.
¿Garantiza el cumplimiento de accesibilidad?
No. Comprueba siempre el tamaño, grosor y estado exactos de la interfaz con la norma de contraste que debas cumplir.