Tilfeldig fargegenerator
Lag tilfeldige farger eller harmoniske paletter, lås de du liker, kopier HEX-, RGB- eller HSL-koder og eksporter som CSS, SCSS, JSON eller Tailwind.
Lås fargene du liker, og generer på nytt for å bytte ut bare de andre.
Farger
Slik bruker du den tilfeldige fargegeneratoren
- Angi Antall farger (1 til 20).
- Velg en Modus: - Tilfeldig innenfor et område trekker hver farge uavhengig. Begrens områdene for Fargetone (°), Metning (%) og Lyshet (%) med feltene «fra» og «til» for å holde deg innenfor en fargefamilie, for eksempel bare pastellfarger eller bare blått. - Harmonisk palett (OKLCH) trekker én tilfeldig grunnfarge og bygger de andre ut fra en fargeharmoni. Velg en Harmoni (Komplementær, Analog, Triade, Delt komplementær, Tetrade, Kvadrat, Monokromatisk), eller la Overrask meg gi en ny harmoni hver gang.
- Klikk Generer farger. Hvert kort viser fargen med HEX-, RGB- og HSL-kodene. De små knappene HEX, RGB og HSL kopierer den aktuelle koden.
- Klikk Lås på fargene du vil beholde, og så Generer farger igjen: bare de ulåste fargene endres. Klikk på knappen igjen for å låse opp en farge.
- Velg et format i Eksporter som (HEX-liste, CSS-variabler, SCSS-variabler, JSON-liste eller Tailwind-farger), og bruk Kopier eller Last ned for å ta med deg hele settet.
Slik velges fargene
I modusen Tilfeldig innenfor et område trekkes fargetone, metning og lyshet hver for seg jevnt innenfor områdene du har satt, og omgjøres fra HSL til RGB med samme formel som nettlesere bruker for hsl(). Fargetoneområdet kan gå rundt rødt: fra 330 til 30 gir rosa, røde og oransje toner via 0°. Noen nyttige innstillinger:
- Pastellfarger: metning 40–80 %, lyshet 75–90 %.
- Mørke, dempede toner: metning 10–40 %, lyshet 15–35 %.
- Bare blått: fargetone 190–250.
- Varme farger: fargetone 330 til 60.
I modusen Harmonisk palett (OKLCH) jobber verktøyet i OKLCH, en perseptuell fargemodell der like trinn i lyshet ser like ut for øyet. Den første låste fargen brukes som grunnfarge. Hvis ingenting er låst, trekkes en tilfeldig, middels lys og ganske mettet grunnfarge. De andre fargene får harmoniens fargetonevinkler (for eksempel +120° og +240° for triade), med en liten tilfeldig variasjon i fargetone, lyshet og kroma, så hvert klikk gir et nytt resultat. Når du ber om flere farger enn harmonien har fargetoner, gjenbruker de ekstra fargene vinklene med lysere og mørkere varianter. Monokromatisk beholder én fargetone og sprer lysheten fra mørk til lys.
Farger som ligger utenfor det en sRGB-skjerm kan vise, hentes tilbake ved å senke kromaen, så hver HEX-kode du kopierer, er en ekte farge som kan vises.
Hvor tilfeldige farger er nyttige
Tilfeldige farger er praktiske til plassholder-avatarer og diagrammer, testdata, generativ kunst, designutforskning når du står fast foran en blank side, eller for å velge en farge til et prosjekt, et spillag eller en etikett. Med låsing kan du bruke den som en spilleautomat: behold det som fungerer, snurr resten. Tilfeldigheten kommer fra nettleserens kryptografiske generator, og ingenting sendes noe sted.
Ofte stilte spørsmål
Hvordan får jeg en tilfeldig HEX-fargekode?
Sett Antall farger til 1 og klikk Generer farger, og klikk så på knappen HEX for å kopiere koden, for eksempel #3A7BD5.
Kan jeg beholde noen farger og generere de andre på nytt?
Ja. Klikk Lås på hver farge du vil beholde, og klikk så Generer farger. Låste farger blir stående. I harmonimodus blir den første låste fargen også grunnfargen i den nye paletten.
Hvorfor bruke OKLCH-harmonimodus i stedet for helt tilfeldige farger?
Helt tilfeldige farger kolliderer ofte eller har svært ulik visuell vekt. Når paletten bygges ut fra en harmoni i OKLCH, får du farger som hører sammen og har balansert lysstyrke, noe som gjør dem lettere å bruke i et design.
Hva inneholder eksportformatene?
HEX-liste gir én kode per linje, CSS- og SCSS-variabler gir --color-1- eller $color-1-deklarasjoner, JSON-liste gir en liste med koder, og Tailwind-farger gir et colors-objekt med nøklene 100, 200 … til konfigurasjonen din.
Er fargene virkelig tilfeldige?
De kommer fra crypto.getRandomValues, nettleserens kryptografisk sikre generator, så ingen mønstre gjentas mellom klikkene.
Relaterte verktøy
- Fargepalettegenerator Lag fargepaletter fra én grunnfarge med fargeharmonier: komplementær, analog, triadisk, tetradisk, kvadrat og monokromatisk. Eksporter som CSS, SCSS og JSON.
- Fargekonverter Konverter farger mellom HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH og OKLCH. Lim inn en kode, se fargen og kopier alle formatene med ett klikk.
- Fargevelger Gratis fargevelger på nett. Velg en farge og kopier HEX-, RGB-, HSL-, HSV- og CMYK-kodene med én gang, med kontrastforhold mot hvitt og svart.
- Tilfeldig tallgenerator Lag tilfeldige tall i et hvilket som helst område, fra 1 til 10 000 om gangen, som heltall eller desimaltall, med eller uten dubletter, med sikker tilfeldighet.