Satunnainen väri -generaattori
Luo satunnaisia värejä tai harmonisia satunnaispaletteja, lukitse suosikit, kopioi HEX-, RGB- tai HSL-koodit ja vie CSS-, SCSS-, JSON- tai Tailwind-muodossa.
Lukitse värit, joista pidät, ja luo sitten uudelleen, niin vain muut vaihtuvat.
Värit
Näin käytät satunnaista väriä luovaa generaattoria
- Aseta Värien määrä (1–20).
- Valitse Tila: - Satunnainen rajauksen sisällä arpoo jokaisen värin erikseen. Rajaa Sävy (°)-, Kylläisyys (%)- ja Vaaleus (%) -alueita kentillä ”alkaen” ja ”asti”, jos haluat pysyä värien perheessä, esimerkiksi vain pastelleissa tai vain sinisissä. - Harmoninen paletti (OKLCH) arpoo yhden satunnaisen perusvärin ja rakentaa muut värit väriharmoniasta. Valitse Harmonia (Komplementtiväri, Analoginen, Triadi, Jaettu komplementti, Tetradi, Neliö, Yksivärinen) tai jätä valinnaksi Yllätä minut, jolloin saat joka kerta eri harmonian.
- Napsauta Luo värit. Jokainen kortti näyttää värin sen HEX-, RGB- ja HSL-koodeilla; pienet HEX-, RGB- ja HSL-painikkeet kopioivat vastaavan koodin.
- Napsauta Lukitse väreissä, jotka haluat säilyttää, ja sitten uudelleen Luo värit: vain lukitsemattomat värit vaihtuvat. Napsauta painiketta uudelleen avataksesi värin lukituksen.
- Valitse muoto kohdassa Vie muodossa (HEX-lista, CSS-muuttujat, SCSS-muuttujat, JSON-taulukko tai Tailwind-värit) ja ota koko sarja mukaan painikkeella Kopioi tai Lataa.
Näin värit valitaan
Satunnainen rajauksen sisällä -tilassa sävy, kylläisyys ja vaaleus arvotaan kukin tasaisesti asettamiesi rajojen sisällä ja muunnetaan sitten HSL:stä RGB:ksi samalla kaavalla, jota selaimet käyttävät hsl()-funktiolle. Sävyalue voi kiertää punaisen yli: 330–30 antaa pinkkejä, punaisia ja oransseja nollan asteen kautta. Muutamia hyödyllisiä asetuksia:
- Pastellit: kylläisyys 40–80 %, vaaleus 75–90 %.
- Tummat, hillityt sävyt: kylläisyys 10–40 %, vaaleus 15–35 %.
- Vain siniset: sävy 190–250.
- Lämpimät värit: sävy 330–60.
Harmoninen paletti (OKLCH) -tilassa työkalu toimii OKLCH-värimallissa, joka on havaintoon perustuva malli ja jossa yhtä suuret vaaleusaskeleet näyttävät silmälle yhtä suurilta. Ensimmäistä lukittua väriä käytetään perusvärinä; jos mitään ei ole lukittu, arvotaan satunnainen keskivaalea ja melko kylläinen perusväri. Muut värit saavat harmonian sävykulmat (esimerkiksi +120° ja +240° triadille) pienellä satunnaisella vaihtelulla sävyssä, vaaleudessa ja kromassa, jotta jokainen napsautus antaa uuden tuloksen. Kun pyydät enemmän värejä kuin harmoniassa on sävyjä, ylimääräiset värit käyttävät samoja kulmia vaaleampina ja tummempina muunnelmina. Yksivärinen pitää yhden sävyn ja jakaa vaaleuden tummasta vaaleaan.
Värit, jotka jäävät sRGB-näytön näytettävissä olevan alueen ulkopuolelle, tuodaan takaisin pienentämällä niiden kromaa, joten jokainen kopioimasi HEX-koodi on todellinen, näytettävissä oleva väri.
Missä satunnaisista väreistä on apua
Satunnaiset värit ovat kätevät paikkamerkkikuville ja kaavioihin, testidataan, generatiiviseen taiteeseen, suunnitteluideoiden hakuun tyhjän sivun edessä tai värin valintaan projektille, pelitiimille tai tarralle. Lukituksella voit käyttää sitä kuin hedelmäpeliä: säilytä toimivat ja pyöräytä loput. Satunnaisuus tulee selaimesi kryptografisesta generaattorista, eikä mitään lähetetä minnekään.
Usein kysytyt kysymykset
Miten saan satunnaisen HEX-värikoodin?
Aseta Värien määrä arvoon 1 ja napsauta Luo värit, ja napsauta sitten HEX-painiketta kopioidaksesi koodin, kuten #3A7BD5.
Voinko säilyttää osan väreistä ja luoda muut uudelleen?
Kyllä. Napsauta Lukitse jokaisessa värissä, jonka haluat säilyttää, ja napsauta sitten Luo värit. Lukitut värit pysyvät paikallaan; harmoniatilassa ensimmäinen lukittu väri on myös uuden paletin perusväri.
Miksi käyttää OKLCH-harmoniatilaa pelkkien satunnaisvärien sijaan?
Täysin satunnaiset värit törmäävät usein toisiinsa tai niillä on hyvin erilainen visuaalinen paino. OKLCH-harmoniasta rakennetussa paletissa värit kuuluvat yhteen ja niillä on tasapainoinen kirkkaus, mikä helpottaa niiden käyttöä suunnittelussa.
Mitä vientimuodot sisältävät?
HEX-lista antaa yhden koodin riville, CSS- ja SCSS-muuttujat antavat --color-1- tai $color-1-määrittelyt, JSON-taulukko antaa koodien listan ja Tailwind-värit antaa colors-olion, jossa on avaimet 100, 200… asetustiedostoasi varten.
Ovatko värit todella satunnaisia?
Ne tulevat funktiosta crypto.getRandomValues, selaimen kryptografisesti turvallisesta generaattorista, joten mikään kaava ei toistu napsautusten välillä.
Aiheeseen liittyvät työkalut
- Väripalettigeneraattori Luo väripaletteja yhdestä perusväristä väriharmonian säännöillä – komplementti, vierekkäiset, triadi, tetradi, neliö ja yksivärinen.
- Värimuunnin Muunna väri HEX-, RGB-, HSL-, HSV-, HWB-, CMYK-, LAB-, LCH- ja OKLCH-muotojen välillä. Liitä koodi, näe väri ja kopioi kaikki muodot yhdellä napsautuksella.
- Värinvalitsin Ilmainen värinvalitsin. Valitse väri ja kopioi heti sen HEX-, RGB-, HSL-, HSV- ja CMYK-koodit sekä kontrastit valkoista ja mustaa vasten.
- Satunnaislukugeneraattori Luo satunnaislukuja miltä väliltä tahansa, 1–10 000 kerrallaan, kokonaislukuina tai desimaaleina, toistoilla tai ilman, selaimen turvallisella satunnaisuudella.