Siirry sisältöön
🎨

Satunnaisvärigeneraattori

Luo satunnaisia värejä HEX-, RGB- ja HSL-arvoilla. Kopioi värikoodit välittömästi. Värihistoria vertailua varten. Ilmainen, selaimessa.

#000000
rgb(0, 0, 0)
hsl(0, 0%, 0%)
Historia

Miten satunnaisvärit luodaan?

Tämä työkalu luo kolme kryptografisesti turvallista satunnaista arvoa (0-255) Red-, Green- ja Blue-kanaville käyttäen crypto.getRandomValues()-funktiota. RGB-arvot muunnetaan sitten HEX- ja HSL-muotoihin, jotta voit kopioida värin projektisi vaatimassa merkintätavassa.

Värimuotojen viite

  • HEX — 6-merkkinen heksadesimaalimerkintä (#RRGGBB). Standardi CSS:lle ja verkkosuunnittelulle.
  • RGB — Red, Green, Blue arvot (0-255). Käytetään CSS:n rgb()-funktioissa.
  • HSL — Sävy (0-360°), Kylläisyys (0-100%), Valoisuus (0-100%). Intuitiivinen värisäätöihin.

Milloin käyttää satunnaisvärejä

  • Suunnitteluinspiraatio — löydä odottamattomia väriyhdistelmiä projekteihin.
  • Tilapäisvärit — luo nopeasti värejä rautalankamalleihin ja mockuppeihin.
  • Taideprojektit — käytä satunnaisia värejä lähtökohtana luovaan työhön.
  • Pelit ja haasteet — luo väripohjaisia pelejä tai suunnitteluhaasteita.

Tietosuoja

Kaikki värit luodaan 100% selaimessasi. Mitään tietoja ei lähetetä palvelimelle.