Slumpmässig färg

Så använder du färggeneratorn

1. Ange Antal färger (1 till 20).
2. Välj Läge: - Slumpmässigt inom ett intervall drar varje färg oberoende. Smalna av intervallen för Färgton (°), Mättnad (%) och Ljushet (%) med fälten ”från” och ”till” för att stanna inom en färgfamilj, till exempel bara pastellfärger eller bara blått. - Harmonisk palett (OKLCH) drar en slumpmässig basfärg och bygger de andra utifrån en färgharmoni. Välj en Harmoni (Komplementfärger, Analoga färger, Triad, Delad komplementfärg, Tetrad, Kvadrat, Monokrom) eller låt Överraska mig vara valt för att få en ny harmoni varje gång.
3. Klicka på Skapa färger. Varje kort visar färgen med dess HEX-, RGB- och HSL-koder. De små knapparna HEX, RGB och HSL kopierar motsvarande kod.
4. Klicka på Lås för de färger du vill behålla och sedan på Skapa färger igen: bara de olåsta färgerna ändras. Klicka på knappen igen för att låsa upp en färg.
5. Välj ett format i Exportera som (HEX-lista, CSS-variabler, SCSS-variabler, JSON-matris eller Tailwind-färger) och använd Kopiera eller Ladda ner för att ta med hela uppsättningen.

Så väljs färgerna

I läget Slumpmässigt inom ett intervall dras färgton, mättnad och ljushet var för sig likformigt inom de intervall du anger och omvandlas sedan från HSL till RGB med samma formel som webbläsare använder för hsl(). Intervallet för färgton kan gå runt rött: från 330 till 30 ger rosa, rött och orange, via 0°. Några användbara inställningar:

• Pastellfärger: mättnad 40–80 %, ljushet 75–90 %.
• Mörka, dämpade toner: mättnad 10–40 %, ljushet 15–35 %.
• Bara blått: färgton 190–250.
• Varma färger: färgton 330 till 60.

I läget Harmonisk palett (OKLCH) arbetar verktyget i OKLCH, en perceptuell färgmodell där lika stora steg i ljushet ser lika stora ut för ögat. Den första låsta färgen används som bas. Om inget är låst dras en slumpmässig basfärg med medelhög ljushet och ganska hög mättnad. De andra färgerna får harmonins vinklar för färgton (till exempel +120° och +240° för triad), med en liten slumpmässig variation i färgton, ljushet och kroma så att varje klick ger ett nytt resultat. När du ber om fler färger än harmonin har färgtoner återanvänds vinklarna med ljusare och mörkare varianter. Monokrom behåller en färgton och sprider ljusheten från mörk till ljus.

Färger som hamnar utanför det en sRGB-skärm kan visa förs tillbaka genom att deras kroma sänks, så varje HEX-kod du kopierar är en verklig färg som går att visa.

Där slumpmässiga färger hjälper

Slumpmässiga färger är praktiska för platshållare till avatarer och diagram, testdata, generativ konst, designutforskning när du fastnat framför en tom sida, eller för att välja en färg till ett projekt, ett spellag eller en etikett. Med låsning kan du använda verktyget som en spelautomat: behåll det som fungerar och snurra resten. Slumpen kommer från webbläsarens kryptografiska generator, och ingenting skickas någonstans.