Color aleatorio: un color nuevo con un solo toque
Este generador de colores aleatorios te da un color nuevo cada vez que tocas. Toda la página se tiñe de ese color, así que lo ves a tamaño completo y no en una muestra diminuta, y su código HEX aparece en letras enormes, con los valores RGB y HSL debajo. Es gratis, no pide cuenta ni aplicación y funciona en el navegador del móvil, la tableta o el ordenador.
Cómo usar el generador de colores
- Genera. Pulsa el botón Generar, toca el gran código de color o pulsa la barra espaciadora. La página se llena de un nuevo color al azar.
- Elige un estilo. La frase dice «Dame cualquier color». Toca «cualquier color» para pedir colores vivos, pastel u oscuros.
- Copia el código. Copia el código HEX con un toque y pégalo en tu programa de diseño, en tu código o en un mensaje.
- Vuelve atrás. Tus últimos colores aparecen como pequeñas etiquetas con su código HEX. Toca una para recuperar ese color.
- Úsalo como color de la web. ¿Has encontrado un color que te encanta? Pulsa Usar en toda la web y se quedará como color de fondo en todas las herramientas del sitio, desde la ruleta de nombres hasta los dados virtuales.
- Usa la voz. Toca el micrófono de la cabecera y di «color aleatorio».
El texto se lee bien salga el color que salga. Sobre los colores claros, el texto blanco se perdería, así que cambia a una tinta oscura del mismo tono en lugar de a un negro puro.
HEX, RGB y HSL, explicados de forma sencilla
Las pantallas crean todos los colores mezclando luz roja, verde y azul. Los tres códigos de la página son tres maneras de escribir el mismo color.
HEX
Un código HEX tiene este aspecto: #3A7BD5. Detrás de la # vienen tres pares de caracteres: uno para el rojo, otro para el verde y otro para el azul. Cada par va de 00 (nada) a FF (al máximo), con las cifras del 0 al 9 y las letras de la A a la F. Así, #FF0000 es rojo puro, #FFFFFF es blanco y #000000 es negro. Los códigos HEX son la forma habitual de escribir colores en diseño web y en muchos programas de diseño.
RGB
RGB escribe esas mismas tres cantidades con números normales del 0 al 255. #3A7BD5 se convierte en rgb(58, 123, 213): un poco de rojo, algo de verde y mucho azul, lo que da un azul medio.
HSL
HSL describe el color de una forma más cercana a como lo pensamos las personas. El tono (hue) es la posición en el círculo cromático, de 0 a 360 grados (0 es rojo, 120 es verde y 240 es azul). La saturación indica lo intenso que es el color, de 0 % (gris) a 100 % (color pleno). La luminosidad va de 0 % (negro) a 100 % (blanco). Los colores pastel son claros y suaves, los oscuros tienen poca luminosidad y los vivos están muy saturados.
¿Cuántos colores existen?
Cada uno de los tres canales tiene 256 valores posibles, del 0 al 255. Si los multiplicas, 256 × 256 × 256, obtienes 16.777.216 colores HEX posibles. Si miraras un color por segundo sin parar, tardarías más de 194 días en verlos todos. Con tantas posibilidades, es muy poco probable que salga exactamente el mismo color dos veces seguidas.
Los colores se sortean con el generador aleatorio criptográfico de tu navegador, el mismo tipo de fuente que se usa en seguridad informática. Nadie los elige por ti, y esa es justamente la gracia: un color aleatorio puede llevarte a combinaciones que nunca habrías escogido.
Ideas para usar colores aleatorios
- Inspiración para diseñar. ¿Atascado con una paleta? Genera unos cuantos colores, copia los que te gusten y construye a partir de ahí. Las opciones pastel y oscuro ayudan cuando ya sabes qué ambiente buscas.
- Retos artísticos. Pinta o dibuja algo con el color que salga. Combínalo con el generador de palabras aleatorias para tener también un tema, y ya tienes un reto completo.
- Juegos. Di algo de ese color lo más rápido posible, intenta adivinar el código HEX antes de mirarlo o deja que el color decida qué equipo empieza.
- En clase. Muestra un color a pantalla completa y explica cómo se forma con rojo, verde y azul.
- Un aspecto nuevo. Dale a todo el sitio un color propio con Usar en toda la web. Para cambiarlo de nuevo, usa el botón redondo de color de abajo a la derecha de cualquier página.
Tus colores y ajustes se guardan solo en tu propio navegador. No se envía nada a ningún servidor, y el generador sigue funcionando sin conexión una vez cargada la página.