Utilia
Kategóriák ▾
Nyelv: hu ▾

Véletlen szín generátor

Generálj véletlen színeket vagy harmonikus palettákat, zárold a tetszőket, másold a HEX, RGB, HSL kódokat, és exportálj CSS, JSON vagy Tailwind formátumban.

Színárnyalat (°)
Telítettség (%)
Világosság (%)

Zárold a tetsző színeket, majd generálj újra, hogy csak a többi cserélődjön.

Színek

    Hogyan használd a véletlen szín generátort

    1. Állítsd be a Színek száma értékét (1–20).
    2. Válassz Mód szerint: - A Véletlen egy tartományban minden színt függetlenül sorsol ki. Szűkítsd a Színárnyalat (°), a Telítettség (%) és a Világosság (%) tartományát a „-tól” és „-ig” mezőkkel, hogy egy színcsaládon belül maradj, például csak pasztell vagy csak kék színeknél. - A Harmonikus paletta (OKLCH) egy véletlen alapszínt sorsol, és a többit egy színharmóniából építi fel. Válassz Harmónia szerint (Komplementer, Analóg, Triád, Felosztott komplementer, Tetrád, Négyzet, Monokromatikus), vagy hagyd a Lepj meg lehetőséget, hogy minden alkalommal más harmóniát kapj.
    3. Kattints a Színek generálása gombra. Minden kártya megmutatja a színt a HEX, RGB és HSL kódjával; a kis HEX, RGB és HSL gombok a megfelelő kódot másolják.
    4. Kattints a Zárolás gombra a megtartani kívánt színeknél, majd újra a Színek generálása gombra: csak a nem zárolt színek változnak. A szín feloldásához kattints újra a gombra (Feloldás).
    5. Válassz formátumot az Exportálás mint mezőben (HEX lista, CSS-változók, SCSS-változók, JSON tömb vagy Tailwind-színek), és a Másolás vagy a Letöltés gombbal vidd magaddal az egész készletet.

    Hogyan választjuk a színeket

    A Véletlen egy tartományban módban a színárnyalatot, a telítettséget és a világosságot egyenletesen sorsoljuk a beállított tartományokon belül, majd HSL-ből RGB-be alakítjuk ugyanazzal a képlettel, amelyet a böngészők az hsl() függvényhez használnak. A színárnyalat-tartomány átfordulhat a pirosnál: 330-tól 30-ig rózsaszíneket, pirosakat és narancsokat kapsz, a 0° érintésével. Néhány hasznos beállítás:

    • Pasztellek: telítettség 40–80%, világosság 75–90%.
    • Sötét, tompa tónusok: telítettség 10–40%, világosság 15–35%.
    • Csak kékek: színárnyalat 190–250.
    • Meleg színek: színárnyalat 330-tól 60-ig.

    A Harmonikus paletta (OKLCH) módban az eszköz OKLCH-ban dolgozik, amely olyan érzékelési színmodell, amelyben a világosság egyenlő lépései a szemnek is egyenlőnek látszanak. Alapként az első zárolt színt használjuk; ha semmi nincs zárolva, véletlen, közepesen világos, elég telített alapot sorsolunk. A többi szín a harmónia színárnyalat-szögeit veszi fel (például +120° és +240° a triádnál), a színárnyalat, a világosság és a krómatartalom kis véletlen eltérésével, így minden kattintás új eredményt ad. Ha több színt kérsz, mint ahány színárnyalat a harmóniában van, a többletszínek a szögeket világosabb és sötétebb változatokkal használják újra. A monokromatikus egy színárnyalatot tart meg, és a világosságot sötéttől világosig szórja.

    Azokat a színeket, amelyek az sRGB képernyő által megjeleníthető tartományon kívül esnek, a krómatartalom csökkentésével hozzuk vissza, így minden kimásolt HEX kód valódi, megjeleníthető szín.

    Hol segítenek a véletlen színek

    A véletlen színek jól jönnek helyettesítő profilképekhez és diagramokhoz, tesztadatokhoz, generatív művészethez, tervezői ötletelésnél, ha üres lapon elakadtál, vagy egy projekthez, játékcsapathoz vagy címkéhez szín választásához. A zárolással úgy használhatod, mint egy nyerőgépet: tartsd meg, ami jó, a többit pörgesd újra. A véletlen a böngésződ kriptográfiai generátorából jön, és semmit nem küldünk el sehová.

    Gyakori kérdések

    Hogyan kapok véletlen HEX színkódot?

    Állítsd a Színek száma értékét 1-re, kattints a Színek generálása gombra, majd a HEX gombbal másold ki a kódot, például #3A7BD5.

    Megtarthatok néhány színt, és újragenerálhatom a többit?

    Igen. Kattints a Zárolás gombra minden megtartandó színnél, majd a Színek generálása gombra. A zárolt színek a helyükön maradnak; harmónia módban az első zárolt szín az új paletta alapszíne is lesz.

    Miért használjam az OKLCH harmónia módot a tiszta véletlen színek helyett?

    A tisztán véletlen színek gyakran ütköznek, vagy nagyon eltérő vizuális súlyúak. A paletta OKLCH-beli harmóniából való felépítése olyan színeket ad, amelyek összeillenek, és kiegyensúlyozott a fényességük, így könnyebb őket tervezésben használni.

    Mit tartalmaznak az exportformátumok?

    A HEX lista soronként egy kódot ad, a CSS- és SCSS-változók --color-1 vagy $color-1 deklarációkat, a JSON tömb a kódok listáját, a Tailwind-színek pedig egy colors objektumot 100, 200… kulcsokkal a konfigurációdhoz.

    Valóban véletlenszerűek a színek?

    A crypto.getRandomValues függvényből jönnek, amely a böngésző kriptográfiailag biztonságos generátora, így semmilyen minta nem ismétlődik a kattintások között.

    Kapcsolódó eszközök