Generador de colors aleatoris
Genera colors aleatoris, paletes i degradats amb eines d'accessibilitat
Preparat per generar colors
Configura els paràmetres al panell de la dreta i fes clic a "Genera colors"
Encara no hi ha historial. Genera alguns colors!
Com funciona
El nostre generador de colors aleatoris crea colors utilitzant l'espai de color HSL per a un control precís sobre el to, la saturació i la lluminositat. Tria entre colors individuals, paletes harmonioses o degradats bonics. Aplica filtres de temperatura, saturació i lluminositat. Comprova l'accessibilitat amb la calculadora de relació de contrast WCAG integrada i el simulador de daltonisme.
Casos d'ús habituals
Disseny web
Genera esquemes de colors per a llocs web, aplicacions i interfícies digitals amb relacions de contrast accessibles
Disseny UI/UX
Crea paletes de colors harmonioses per a interfícies d'usuari amb verificació de conformitat WCAG
Marca i identitat
Descobreix combinacions de colors úniques per a logotips, directrius de marca i materials de màrqueting
Art i il·lustració
Troba paletes de colors inspiradores per a art digital, il·lustracions i projectes creatius
Característiques
- ✅ Modes de color individual, paleta i degradat
- ✅ 6 regles d'harmonia de color (complementari, anàleg, triàdic, etc.)
- ✅ Filtres de temperatura, saturació i lluminositat
- ✅ Verificador de relació de contrast WCAG (conformitat AA/AAA)
- ✅ Simulació de daltonisme (protanopia, deuteranopia, tritanopia)
- ✅ Bloqueja colors i regenera la resta
- ✅ Exporta com a variables CSS, JSON o text
- ✅ Formats HEX, RGB, HSL i CMYK
Què és un generador de colors aleatoris?
Un generador de colors aleatoris és una eina en línia que crea colors aleatoris, paletes de colors i degradats per a dissenyadors, desenvolupadors i artistes. Aquest generador d'esquemes de colors utilitza matemàtiques de l'espai de color HSL per produir colors amb un control precís sobre el to, la saturació i la lluminositat, cosa que el fa superior als simples generadors aleatoris de HEX. Tant si necessites un sol color d'accent per al teu lloc web, una paleta harmoniosa de 5 colors per a la teva identitat de marca, o un degradat bonic per al fons de la teva interfície d'usuari, aquest generador de paletes de colors ofereix resultats professionals a l'instant. Els dissenyadors confien en aquesta eina per a la prototipació ràpida, els desenvolupadors la utilitzen per generar colors de tema i els artistes hi troben inspiració per als seus projectes creatius.
El generador de colors funciona generant colors a l'espai de color HSL (Hue, Saturation, Lightness — to, saturació, lluminositat) i convertint-los a múltiples formats de sortida, incloent codis HEX per al desenvolupament web, valors RGB per al disseny digital, HSL per a l'estilització CSS i aproximacions CMYK per a la preparació d'impressió. Pots generar colors en tres modes: Color individual per a seleccions ràpides de color, mode Paleta per crear de 2 a 10 colors harmoniosos, i mode Degradat per generar transicions de color boniques amb codi CSS llest per usar. El sistema d'harmonia assegura combinacions estèticament agradables utilitzant regles de teoria del color — els colors complementaris se situen oposats a la roda de colors per al màxim contrast, els colors anàlegs se situen adjacents per a transicions suaus, els colors triàdics formen triangles equilàters per a una varietat vibrant, i el complementari dividit proporciona contrast amb menys tensió que els esquemes complementaris complets.
El que diferencia aquest generador de colors dels competidors és el conjunt d'eines d'accessibilitat integrat. El verificador de relació de contrast WCAG calcula el contrast entre qualsevol dos colors generats i mostra si compleixen els estàndards d'accessibilitat WCAG 2.0 AA (4.5:1 per a text normal, 3:1 per a text gran) i AAA (7:1 per a text normal, 4.5:1 per a text gran). Això és essencial per als dissenyadors web que necessiten assegurar que les seves eleccions de color siguin llegibles per a tots els usuaris. El simulador de daltonisme mostra com els teus colors generats apareixen a persones amb protanopia (ceguesa al vermell), deuteranopia (ceguesa al verd) i tritanopia (ceguesa al blau), ajudant-te a crear dissenys inclusius que funcionin per a aproximadament el 8% dels homes i el 0,5% de les dones que tenen alguna forma de deficiència de visió del color.
El sistema de filtres et dóna un control precís sobre els colors generats. Els filtres de temperatura restringeixen els colors a tons càlids (vermells, taronges, grocs) per a dissenys energètics, tons freds (blaus, verds, violetes) per a una estètica tranquil·la, o tons neutres per a composicions equilibrades. Els filtres de saturació et permeten generar colors pastel per a dissenys suaus i delicats, colors vius per a declaracions audaces, tons apagats per a paletes sofisticades, o colors neon per a efectes cridaners. Els filtres de lluminositat controlen si els colors són clars per a dissenys lleugers, mitjans per a interfícies equilibrades, o foscos per a temes dramàtics. La funció de bloqueig et permet conservar els colors que t'agraden mentre regeneres la resta, perfecte per construir paletes de manera incremental. Exporta els teus colors com a propietats personalitzades CSS per a ús directe en fulls d'estil, JSON per a ús programàtic, o text pla per a documentació. L'historial de generació registra tots els teus esquemes de colors anteriors perquè puguis revisitar i reutilitzar les teves combinacions preferides.