Random Color Generator
Gumawa ng random na kulay o maayos na palette, i-lock ang gusto mo, kopyahin ang HEX, RGB o HSL, at i-export bilang CSS, SCSS, JSON o Tailwind.
I-lock ang mga kulay na gusto mo, at gumawa muli para palitan lang ang iba.
Mga kulay
Paano gamitin ang random color generator
- Itakda ang Bilang ng kulay (1 hanggang 20).
- Pumili ng Mode: - Ang Random sa isang saklaw ay bumubunot ng bawat kulay nang magkakahiwalay. Paliitin ang mga saklaw ng Hue (°), Saturation (%) at Lightness (%) gamit ang mga field na “mula” at “hanggang” para manatili sa isang pamilya ng kulay, halimbawa pastel lang o asul lang. - Ang Maayos na palette (OKLCH) ay bumubunot ng isang random na base na kulay at binubuo ang iba mula sa color harmony. Pumili ng Harmony (Complementary, Analogous, Triadic, Split complementary, Tetradic, Parisukat, Monochromatic) o iwanan sa Sorpresahin ako para magkaiba ang harmony sa bawat pagkakataon.
- I-click ang Gumawa ng mga kulay. Ipinapakita ng bawat card ang kulay kasama ang mga code nitong HEX, RGB at HSL; kinokopya ng maliliit na button na HEX, RGB at HSL ang katugmang code.
- I-click ang I-lock sa mga kulay na gusto mong panatilihin, at pagkatapos ay Gumawa ng mga kulay muli: ang mga hindi naka-lock lang ang magbabago. I-click muli ang button para i-unlock ang kulay.
- Pumili ng format sa I-export bilang (Listahan ng HEX, Mga CSS variable, Mga SCSS variable, JSON array o Mga kulay ng Tailwind) at gamitin ang Kopyahin o I-download para dalhin ang buong set.
Paano pinipili ang mga kulay
Sa mode na Random sa isang saklaw, pantay na bunutan sa loob ng itinakda mong saklaw ang hue, saturation at lightness, at saka kino-convert mula HSL papuntang RGB gamit ang parehong pormula na ginagamit ng mga browser para sa hsl(). Maaaring umikot sa pula ang saklaw ng hue: ang 330 hanggang 30 ay nagbibigay ng pink, pula at orange, na dumadaan sa 0°. Ilang kapaki-pakinabang na setting:
- Pastel: saturation 40–80%, lightness 75–90%.
- Madilim at malamlam na tono: saturation 10–40%, lightness 15–35%.
- Asul lang: hue 190–250.
- Maiinit na kulay: hue 330 hanggang 60.
Sa mode na Maayos na palette (OKLCH), gumagana ang tool sa OKLCH, isang perceptual color model kung saan magkakapantay sa mata ang pantay na hakbang ng lightness. Ang unang naka-lock na kulay ang ginagamit na base; kung walang naka-lock, bubunot ng random na base na katamtaman ang liwanag at medyo saturated. Kinukuha ng iba pang kulay ang mga anggulo ng hue ng harmony (halimbawa +120° at +240° para sa triadic), na may kaunting random na pagbabago sa hue, lightness at chroma para bago ang resulta sa bawat click. Kapag humiling ka ng mas maraming kulay kaysa sa bilang ng hue ng harmony, ginagamit muli ng mga dagdag na kulay ang mga anggulo na may mas maliwanag at mas madilim na variant. Pinananatili ng Monochromatic ang isang hue at ikinakalat ang lightness mula madilim hanggang maliwanag.
Ang mga kulay na lampas sa kayang ipakita ng sRGB screen ay ibinabalik sa pamamagitan ng pagbaba ng chroma, kaya totoo at maipapakitang kulay ang bawat HEX code na kokopyahin mo.
Saan nakakatulong ang mga random na kulay
Madaling gamitin ang mga random na kulay para sa mga placeholder na avatar at chart, test data, generative art, paggalugad sa disenyo kapag natigil ka sa blangkong page, o pagpili ng kulay para sa proyekto, team sa laro, o label. Hinahayaan ka ng pag-lock na gamitin ito na parang slot machine: itago ang gumagana, paikutin ang iba. Nanggagaling ang pagiging random sa cryptographic generator ng iyong browser, at walang ipinapadala saanman.
Mga madalas itanong
Paano ako makakakuha ng random na HEX color code?
Itakda ang Bilang ng kulay sa 1 at i-click ang Gumawa ng mga kulay, saka i-click ang button na HEX para kopyahin ang code, tulad ng #3A7BD5.
Puwede ko bang itago ang ilang kulay at gumawa muli ng iba?
Oo. I-click ang I-lock sa bawat kulay na itatago, saka i-click ang Gumawa ng mga kulay. Nananatili sa lugar ang mga naka-lock na kulay; sa harmony mode, ang unang naka-lock na kulay ay nagiging base rin ng bagong palette.
Bakit gagamitin ang OKLCH harmony mode sa halip na purong random na kulay?
Madalas na nagbabanggaan o magkakaiba ang visual na bigat ng mga purong random na kulay. Ang pagbuo ng palette mula sa harmony sa OKLCH ay nagbibigay ng mga kulay na bagay sa isa’t isa at may balanseng liwanag, na mas madaling gamitin sa disenyo.
Ano ang laman ng mga format ng export?
Ang Listahan ng HEX ay nagbibigay ng isang code kada linya, ang mga CSS at SCSS variable ay nagbibigay ng mga deklarasyong --color-1 o $color-1, ang JSON array ay nagbibigay ng listahan ng mga code, at ang Mga kulay ng Tailwind ay nagbibigay ng object na colors na may mga key na 100, 200… para sa iyong config.
Talaga bang random ang mga kulay?
Nanggagaling ang mga ito sa crypto.getRandomValues, ang cryptographically secure na generator ng browser, kaya walang pattern na umuulit sa pagitan ng mga click.
Mga kaugnay na tool
- Color Palette Generator Gumawa ng color palette mula sa isang base na kulay gamit ang color harmony: complementary, analogous, triadic, tetradic, square at monochromatic.
- Color Converter I-convert ang anumang kulay sa pagitan ng HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH at OKLCH. I-paste ang code, tingnan ang kulay at kopyahin ang bawat format.
- Color Picker Libreng online color picker. Pumili ng kahit anong kulay at agad na kopyahin ang HEX, RGB, HSL, HSV at CMYK code, kasama ang contrast sa puti at itim.
- Random Number Generator Gumawa ng random na numero sa anumang saklaw, 1 hanggang 10,000 nang sabay, buo o decimal, may duplicate man o wala, gamit ang secure na randomness ng browser.