Véletlenszín-generátor

Kapj egy véletlen színt vagy egy teljes palettát, másolásra kész kódokkal.

Mi az a véletlenszín-generátor?

A véletlenszín-generátor véletlenszerűen hoz létre színeket, és megmutatja a kódjukat, hogy azonnal használhasd őket. Gyors ihletforrás, ha weboldalt, logót, prezentációt, szobát vagy műalkotást tervezel, és nem tudod, hol kezdd. Generálj egy színt vagy egy teljes palettát, tartsd meg azokat, amelyek tetszenek, és generálj újra.

Hogyan használd

  1. Színek: válassz egyetlen színt, egy 5 színű palettát vagy 10 színt.
  2. Stílus: válaszd ki, milyen színeket szeretnél (lásd lent).
  3. Nyomd meg a Generálás gombot. Minden színminta mutatja a HEX-, RGB- és HSL-kódját.
  4. Nyomd meg egy színminta alatt a Másolás gombot, hogy kimásold a HEX-kódját, amelyet beilleszthetsz CSS-be, Figmába, Canvába, PowerPointba vagy bármilyen tervezőalkalmazásba.

Teljes képernyő: nyomd meg az eszköz tetején a Teljes képernyő gombot, hogy a paletta nagyban látszódjon, ami segít, ha egy ügyfélnek vagy egy osztálynak mutatsz be színötleteket. Az Esc visszavisz. A 🎨 Színek és effektek résznél beállíthatod a saját háttér- és gombszíneidet.

A négy stílus

  • Kellemes: véletlen színárnyalat közepes vagy erős telítettséggel és közepes világossággal. Ezek a színek általában jól mutatnak, és jól illenek egymáshoz. Ez a legjobb kiindulópont.
  • Pasztell: lágy, világos színek, jók háttérnek, babás és esküvői tervekhez és nyugodt felületekhez.
  • Sötét: mély, tompa árnyalatok, hasznosak sötét módú hátterekhez, fejlécekhez és hangulatos tervekhez.
  • Bármilyen szín: a 16 777 216 RGB-szín egyikét választja egyenlő eséllyel. Valóban véletlen, ezért számíts sok barnára, szürkére és zavaros árnyalatra, és néha egy-egy gyöngyszemre.

A HEX, az RGB és a HSL röviden

  • A HEX (például #4F46E5) a színek leggyakoribb jelölése a weben. A három karakterpár a vörös, a zöld és a kék mennyisége, mindegyik 00 és FF között.
  • Az RGB (például rgb(79, 70, 229)) ugyanazt a vörös, zöld és kék mennyiséget adja meg 0 és 255 közötti számokkal.
  • A HSL (például hsl(243, 75%, 59%)) úgy írja le a színt, ahogy az emberek gondolnak rá: színárnyalat (hol helyezkedik el a színkörön, 0–360°), telítettség (mennyire élénk) és világosság (mennyire világos vagy sötét). Ez a legkönnyebb formátum egy szín kézi módosításához, például egy világosabb változat készítéséhez egy rámutatási effekthez.

Mikor használj véletlen színeket

  • Web- és alkalmazástervezés: Keress egy kiemelőszínt vagy egy kiinduló palettát, aztán finomítsd.
  • Művészet és illusztráció: Tűzz ki magad elé egy kihívást: fess vagy rajzolj csak a generált palettával.
  • Arculat és prezentációk: Fedezz fel gyorsan színirányokat, mielőtt döntesz a márkaszínekről.
  • Játékok és osztálytermek: Ossz ki véletlen csapatszíneket, vagy játsszatok „nevezd meg a színt” játékot.
  • Otthon és kézművesség: Szerezz ötleteket kötéshez, foltvarráshoz vagy szobák színkombinációihoz.

Tippek egy paletta használatához

  • Sok tervező a 60-30-10 szabályt használja: egy fő szín a terv nagyjából 60%-ához, egy második a 30%-ához, és egy kiemelőszín a maradék 10%-hoz.
  • Mindig ellenőrizd a szöveg kontrasztját. A sötét szöveg pasztell színeken és a fehér szöveg sötét színeken általában jól olvasható.
  • Másold ki a színeket, amelyek tetszenek, mielőtt újra megnyomod a Generálás gombot, mert egy új paletta mindet lecseréli.

Inkább egy véletlen betű vagy szám kell? Próbáld ki a véletlenbetű-generátort vagy a véletlenszám-generátort.

Gyakori kérdések

Milyen színformátumokat kapok?

Minden szín HEX-kódként (például #4F46E5), RGB-értékként és HSL-értékként is megjelenik, mind másolásra készen CSS-be, Figmába vagy bármilyen tervezőeszközbe.

Mi a különbség a „Kellemes” és a „Bármilyen szín” között?

A „Bármilyen szín” a 16,7 millió RGB-szín mindegyikét egyenlő eséllyel választja, ami gyakran sáros árnyalatokat ad. A „Kellemes” olyan tartományban tartja a telítettséget és a világosságot, amely általában jól mutat együtt.

Megtarthatok egy színt, ami tetszik?

Nyomd meg a szín Másolás gombját, hogy kimásold a HEX-kódját. Egy új paletta generálása az összes színt lecseréli, ezért előbb másold ki azokat, amelyeket meg szeretnél tartani.

Megjeleníthetem a palettát teljes képernyőn?

Igen. Nyomd meg az eszköz tetején a „Teljes képernyő” gombot, és a színminták kitöltik a képernyőt, ami ötletek bemutatásakor hasznos. Az Esc vagy a „Kilépés a teljes képernyőből” gomb visszavisz.