Spalvų generatorius

Gauk atsitiktinę spalvą arba visą paletę su kodais, paruoštais kopijuoti.

Kas yra spalvų generatorius?

Spalvų generatorius sukuria atsitiktines spalvas ir parodo jų kodus, kad galėtum iškart jomis naudotis. Tai greitas įkvėpimo šaltinis, kai kuri svetainę, logotipą, pristatymą, interjerą ar meno kūrinį ir nežinai, nuo ko pradėti. Sukurk vieną spalvą ar visą paletę, pasilik patikusias ir kurk toliau.

Kaip juo naudotis

  1. Spalvos: pasirink vieną spalvą, 5 spalvų paletę arba 10 spalvų.
  2. Stilius: pasirink, kokių spalvų nori (žr. toliau).
  3. Spustelėk Kurti spalvas. Kiekvienas pavyzdys rodo savo HEX, RGB ir HSL kodus.
  4. Spustelėk Kopijuoti po pavyzdžiu, kad nukopijuotum jo HEX kodą, paruoštą įklijuoti į CSS, „Figma“, „Canva“, „PowerPoint“ ar kitą dizaino programą.

Visas ekranas: spustelėk Visas ekranas įrankio viršuje, kad paletė būtų rodoma dideliu formatu – tai patogu pristatant spalvų idėjas klientui ar klasei. Paspausk Esc, kad grįžtum. Skiltyje 🎨 Spalvos ir efektai gali pasirinkti fono ir mygtukų spalvas.

Keturi stiliai

  • Harmoninga: atsitiktinis atspalvis su vidutiniu ar stipriu sodrumu ir vidutiniu šviesumu. Šios spalvos paprastai gražiai atrodo ir dera tarpusavyje. Geriausias atspirties taškas.
  • Pastelinė: švelnios, šviesios spalvos, puikiai tinkančios fonams, kūdikių ir vestuvių dizainui bei ramioms sąsajoms.
  • Tamsi: gilūs, prislopinti atspalviai, naudingi tamsaus režimo fonams, antraštėms ir nuotaikingam dizainui.
  • Bet kokia spalva: parenka vieną iš 16 777 216 RGB spalvų, ir kiekviena jų turi vienodą tikimybę būti parinkta. Kadangi tai tikrai atsitiktinis pasirinkimas, dažnai gaunamos rudos, pilkos ar blankios spalvos, o kartais – ir ryškios.

HEX, RGB ir HSL trumpai

  • HEX (pavyzdžiui, #4F46E5) – dažniausias būdas užrašyti spalvą internete. Trys simbolių poros yra raudonos, žalios ir mėlynos kiekiai, kiekvienas nuo 00 iki FF.
  • RGB (pavyzdžiui, rgb(79, 70, 229)) nurodo tuos pačius raudonos, žalios ir mėlynos kiekius skaičiais nuo 0 iki 255.
  • HSL (pavyzdžiui, hsl(243, 75%, 59%)) aprašo spalvą trimis parametrais: atspalviu (vieta spalvų rate, 0–360°), sodrumu (spalvos intensyvumas) ir šviesumu (kiek spalva šviesi ar tamsi). Šiuo formatu lengva rankomis koreguoti spalvą, pavyzdžiui, padaryti ją šviesesnę užvedus pelę.

Kada praverčia atsitiktinės spalvos?

  • Svetainių ir programėlių dizainas: rask akcento spalvą ar pradinę paletę ir ją patobulink.
  • Menas ir iliustracijos: mesk sau iššūkį tapyti ar piešti tik ištraukta palete.
  • Prekės ženklas ir pristatymai: greitai išbandyk spalvų kryptis prieš nustatydamas prekės ženklo spalvas.
  • Žaidimai ir mokykla: paskirk komandoms atsitiktines spalvas arba žaisk „kaip vadinasi ši spalva?“.
  • Namai ir rankdarbiai: rask idėjų mezginiams, kilimėliams ar interjero spalvų deriniams.

Patarimai, kaip naudoti paletę

  • Daugelis dizainerių taiko 60–30–10 taisyklę: pagrindinei spalvai skiria maždaug 60 % dizaino, antrajai – 30 %, o akcentinei – likusius 10 %.
  • Visada patikrink teksto kontrastą. Tamsus tekstas ant pastelinių spalvų ir baltas tekstas ant tamsių spalvų paprastai gerai skaitomi.
  • Nukopijuok patikusias spalvas prieš dar kartą spustelėdamas „Kurti spalvas“, nes nauja paletė jas visas pakeičia.

Reikia atsitiktinės raidės ar skaičiaus? Išbandyk raidžių generatorių arba skaičių generatorių.

Dažniausiai užduodami klausimai

Kokiais formatais gausiu spalvas?

Kiekviena spalva rodoma kaip HEX kodas (pavyzdžiui, #4F46E5), RGB reikšmė ir HSL reikšmė, paruošta kopijuoti į CSS, „Figma“ ar bet kurį dizaino įrankį.

Kuo skiriasi „Harmoninga“ ir „Bet kokia spalva“?

„Bet kokia spalva“ renkasi iš visų 16,7 milijono RGB spalvų, ir kiekviena jų turi vienodą tikimybę būti parinkta, todėl dažnai gaunami blankūs atspalviai. „Harmoninga“ riboja sodrumo ir šviesumo intervalus, kad parinktos spalvos paprastai gerai derėtų tarpusavyje.

Ar galima išsaugoti patikusią spalvą?

Spustelėk spalvos mygtuką „Kopijuoti“, kad nukopijuotum jos HEX kodą. Nauja paletė pakeičia visas spalvas, todėl pirmiausia nukopijuok tas, kurias nori išsaugoti.

Ar paletę galima rodyti visame ekrane?

Taip. Spustelėk „Visas ekranas“ įrankio viršuje – spalvų pavyzdžiai užpildys ekraną, patogu pristatant idėjas. Paspausk Esc arba „Išeiti iš viso ekrano“, kad grįžtum.