Utilia

Generator til tilfældige farver

Generér tilfældige farver eller harmoniske paletter, lås dem du kan lide, kopiér HEX-, RGB- eller HSL-koder, og eksportér som CSS, SCSS, JSON eller Tailwind.

Farvetone (°)
Mætning (%)
Lysstyrke (%)

Lås de farver, du kan lide, og generér derefter igen for kun at erstatte de andre.

Farver

    Sådan bruger du generatoren til tilfældige farver

    1. Angiv Antal farver (1 til 20).
    2. Vælg en Tilstand: - Tilfældig inden for et interval trækker hver farve uafhængigt. Indsnævr intervallerne for Farvetone (°), Mætning (%) og Lysstyrke (%) med felterne »fra« og »til« for at holde dig inden for en farvefamilie, f.eks. kun pasteller eller kun blå. - Harmonisk palet (OKLCH) trækker én tilfældig grundfarve og bygger de andre ud fra en farveharmoni. Vælg en Harmoni (Komplementær, Analog, Triade, Delt komplementær, Tetrade, Kvadrat, Monokromatisk), eller lad Overrask mig give en ny harmoni hver gang.
    3. Klik på Generér farver. Hvert kort viser farven med dens HEX-, RGB- og HSL-koder; de små knapper HEX, RGB og HSL kopierer den tilsvarende kode.
    4. Klik på Lås ved de farver, du vil beholde, og derefter på Generér farver igen: kun de ulåste farver ændres. Klik på knappen igen for at låse en farve op.
    5. Vælg et format under Eksportér som (HEX-liste, CSS-variabler, SCSS-variabler, JSON-array eller Tailwind-farver), og brug Kopiér eller Download for at tage hele sættet med.

    Sådan vælges farverne

    I tilstanden Tilfældig inden for et interval trækkes farvetone, mætning og lysstyrke hver for sig ligeligt inden for de intervaller, du har angivet, og omregnes derefter fra HSL til RGB med den samme formel, som browsere bruger til hsl(). Intervallet for farvetone kan gå rundt om rød: fra 330 til 30 giver lyserøde, røde og orange farver, gennem 0°. Nogle nyttige indstillinger:

    • Pasteller: mætning 40–80 %, lysstyrke 75–90 %.
    • Mørke, dæmpede toner: mætning 10–40 %, lysstyrke 15–35 %.
    • Kun blå: farvetone 190–250.
    • Varme farver: farvetone 330 til 60.

    I tilstanden Harmonisk palet (OKLCH) arbejder værktøjet i OKLCH, en perceptuel farvemodel, hvor lige store trin i lysstyrke ser lige store ud for øjet. Den første låste farve bruges som grundfarve; hvis intet er låst, trækkes en tilfældig, middellys og ret mættet grundfarve. De andre farver får harmoniens vinkler for farvetone (f.eks. +120° og +240° for triade) med en lille tilfældig variation i farvetone, lysstyrke og kromatisk styrke, så hvert klik giver et nyt resultat. Når du beder om flere farver, end harmonien har farvetoner, genbruger de ekstra farver vinklerne med lysere og mørkere varianter. Monokromatisk beholder én farvetone og spreder lysstyrken fra mørk til lys.

    Farver, der ligger uden for det, en sRGB-skærm kan vise, bringes tilbage ved at sænke deres kromatiske styrke, så hver HEX-kode, du kopierer, er en rigtig farve, der kan vises.

    Hvor tilfældige farver hjælper

    Tilfældige farver er praktiske til pladsholder-avatarer og diagrammer, testdata, generativ kunst, designudforskning, når du sidder fast foran et blankt ark, eller til at vælge en farve til et projekt, et spilhold eller en etiket. Med låsning kan du bruge den som en spillemaskine: behold det, der virker, og drej på resten. Tilfældigheden kommer fra din browsers kryptografiske generator, og intet sendes nogen steder hen.

    Ofte stillede spørgsmål

    Hvordan får jeg en tilfældig HEX-farvekode?

    Sæt Antal farver til 1, og klik på Generér farver, og klik derefter på knappen HEX for at kopiere koden, f.eks. #3A7BD5.

    Kan jeg beholde nogle farver og generere de andre igen?

    Ja. Klik på Lås ved hver farve, du vil beholde, og klik derefter på Generér farver. Låste farver bliver på plads; i harmonitilstand bliver den første låste farve også grundfarve for den nye palet.

    Hvorfor bruge OKLCH-harmonitilstanden i stedet for rent tilfældige farver?

    Rent tilfældige farver støder ofte sammen eller har meget forskellig visuel vægt. Når paletten bygges ud fra en harmoni i OKLCH, får du farver, der hører sammen og har en afbalanceret lysstyrke, hvilket gør dem lettere at bruge i et design.

    Hvad indeholder eksportformaterne?

    HEX-liste giver én kode pr. linje, CSS- og SCSS-variabler giver deklarationer som --color-1 eller $color-1, JSON-array giver en liste af koder, og Tailwind-farver giver et colors-objekt med nøglerne 100, 200 … til din konfiguration.

    Er farverne virkelig tilfældige?

    De kommer fra crypto.getRandomValues, browserens kryptografisk sikre generator, så intet mønster gentages mellem klik.