Como se escollen as cores?

Cada cor recibe un ton aleatorio de 0 a 359 graos, unha saturación do 35 ao 95 por cento e unha luminosidade do 25 ao 80 por cento, sacados con crypto.getRandomValues. Os límites deixan fóra grises desvaídos, case negros e case brancos deslumbrantes, así que a maioría dos resultados son cores utilizables.

Como conservo unha cor e cambio as demais?

Preme o botón de bloqueo dunha mostra. "Xerar" e a barra espaciadora só substitúen entón as cores desbloqueadas. Preme o botón de novo para desbloquear. Cambiar entre "Soa" e "Paleta de 5" conserva as cores que xa tes.

Como copio un código de cor?

Cada mostra ten tres botóns cos seus valores HEX, RGB e HSL. Preme un para copiar ese texto exacto no portapapeis, por exemplo #1A2B3C, rgb(26, 43, 60) ou hsl(210, 40%, 18%). O texto de cada mostra é negro ou branco, segundo teña mellor contraste WCAG.

"Descargar PNG" garda unha imaxe con todas as cores actuais unha ao carón da outra e os seus códigos HEX. "Descargar CSS" garda un ficheiro cun bloque :root de propiedades personalizadas, de --color-1 a --color-5, en HEX en minúsculas, listo para pegar nunha folla de estilos.

As últimas 12 series de cores aparecen en "Historial" mentres a páxina está aberta. Preme unha para recuperala, o que desbloquea as súas cores. O historial bórrase ao pechar ou recargar a páxina e non se sobe nada.

Si. Todas as ferramentas son de uso gratuíto, sen conta nin tarxeta de crédito. O traballo execútase no teu dispositivo en lugar de nos nosos servidores, o que permite que sexa gratuíto.

Si. Funciona nos navegadores móbiles actuais en iOS e Android, sen instalar nada.

🎨

Xerador de cores aleatorias de balde

Xera cores aleatorias unha a unha ou como paleta de cinco, bloquea as que che gusten, copia os valores HEX, RGB ou HSL e exporta a paleta como PNG ou CSS.

Execútase no teu navegadorSen rexistro, sen ventás emerxentesNon é necesario iniciar sesiónDe balde para sempre

Preme a barra espaciadora para novas cores.

#0F766E
#0369A1
#B45309
#BE185D
#4338CA

Exportar

🔒 As cores fanse no teu navegador. Non se sobe nin se garda nada.

Como funciona

A páxina escolle un ton, unha saturación e unha luminosidade aleatorios para cada cor co xerador aleatorio seguro do teu navegador e despois convérteo a HEX, RGB e HSL.

1
Escolle soa ou paleta
Escolle "Soa" para unha cor grande ou "Paleta de 5" para unha fila de cinco.
2
Xera
Preme "Xerar" ou a barra espaciadora. Antes preme o botón de bloqueo dunha mostra para conservar esa cor.
3
Copia un valor
Preme o botón HEX, RGB ou HSL dunha mostra para copialo.
4
Exporta
Preme "Descargar PNG" para unha imaxe da paleta ou "Descargar CSS" para as propiedades personalizadas.