Atsitiktinių spalvų generatorius
Generuokite atsitiktines spalvas, paletes ir gradientus su prieinamumo įrankiais
Paruošta spalvų generavimui
Sukonfigūruokite nustatymus dešiniajame skydelyje ir paspauskite "Generuoti spalvas"
Istorijos dar nėra. Sugeneruokite keletą spalvų!
Kaip tai veikia
Mūsų atsitiktinių spalvų generatorius kuria spalvas naudodamas HSL spalvų erdvę tiksliam atspalvio, sodrumo ir šviesumo valdymui. Rinkitės iš atskirų spalvų, harmoningų palečių ar gražių gradientų. Taikykite temperatūros, sodrumo ir šviesumo filtrus. Patikrinkite prieinamumą naudodami integruotą WCAG kontrasto santykio skaičiuoklę ir spalvinio aklumo simuliatorių.
Dažni naudojimo atvejai
Svetainių dizainas
Generuokite spalvų schemas svetainėms, programėlėms ir skaitmeninėms sąsajoms su prieinamais kontrasto santykiais
UI/UX dizainas
Kurkite harmoningas spalvų paletes vartotojo sąsajoms su WCAG atitikties tikrinimu
Prekės ženklas ir identitetas
Atraskite unikalias spalvų kombinacijas logotipams, prekės ženklo gairėms ir rinkodaros medžiagai
Menas ir iliustracijos
Raskite įkvepiančias spalvų paletes skaitmeniniam menui, iliustracijoms ir kūrybiniams projektams
Funkcijos
- ✅ Vienos spalvos, paletės ir gradiento režimai
- ✅ 6 spalvų harmonijos taisyklės (papildomos, analogiškos, triadinės ir kt.)
- ✅ Temperatūros, sodrumo ir šviesumo filtrai
- ✅ WCAG kontrasto santykio tikrintuvas (AA/AAA atitiktis)
- ✅ Spalvinio aklumo simuliacija (protanopia, deuteranopia, tritanopia)
- ✅ Užrakinkite spalvas ir pergeneruokite kitas
- ✅ Eksportuokite kaip CSS kintamuosius, JSON ar tekstą
- ✅ HEX, RGB, HSL ir CMYK formatai
Kas yra atsitiktinių spalvų generatorius?
Atsitiktinių spalvų generatorius yra internetinis įrankis, kuris kuria atsitiktines spalvas, spalvų paletes ir gradientus dizaineriams, programuotojams ir menininkams. Šis spalvų schemų generatorius naudoja HSL spalvų erdvės matematiką spalvoms gaminti su tiksliu atspalvio, sodrumo ir šviesumo valdymu, todėl jis pranašesnis už paprastus atsitiktinius HEX generatorius. Nesvarbu, ar jums reikia vienos akcentinės spalvos jūsų svetainei, harmoningos 5 spalvų paletės jūsų prekės ženklo identitetui, ar gražaus gradiento jūsų UI fonui, šis paletės generatorius akimirksniu pateikia profesionalius rezultatus. Dizaineriai pasitiki šiuo įrankiu greitam prototipų kūrimui, programuotojai naudoja jį temos spalvoms generuoti, o menininkai randa įkvėpimo savo kūrybiniams projektams.
Spalvų generatorius veikia kurdamas spalvas HSL (atspalvis, sodrumas, šviesumas) spalvų erdvėje ir konvertuodamas jas į daugybę išvesties formatų, įskaitant HEX kodus svetainių kūrimui, RGB reikšmes skaitmeniniam dizainui, HSL CSS stilizavimui ir CMYK aproksimacijas spaudos paruošimui. Spalvas galite generuoti trimis režimais: Viena spalva greitam spalvos pasirinkimui, Paletės režimas 2-10 harmoningų spalvų kūrimui ir Gradiento režimas gražių spalvų perėjimų generavimui su paruoštu CSS kodu. Harmonijos sistema užtikrina estetiškai patrauklias kombinacijas naudodama spalvų teorijos taisykles — papildomos spalvos yra priešingose spalvų rato pusėse maksimaliam kontrastui, analogiškos spalvos yra greta viena kitos švelniems perėjimams, triadinės spalvos sudaro lygiakraščius trikampius gyvybingai įvairovei, o padalintos papildomos suteikia kontrastą su mažesne įtampa nei visos papildomos schemos.
Šį spalvų generatorių nuo konkurentų išskiria integruotas prieinamumo įrankių rinkinys. WCAG kontrasto santykio tikrintuvas apskaičiuoja kontrastą tarp bet kurių dviejų sugeneruotų spalvų ir parodo, ar jos atitinka WCAG 2.0 AA (4,5:1 normaliam tekstui, 3:1 dideliam tekstui) ir AAA (7:1 normaliam tekstui, 4,5:1 dideliam tekstui) prieinamumo standartus. Tai būtina svetainių dizaineriams, kuriems reikia užtikrinti, kad jų spalvų pasirinkimai būtų įskaitomi visiems vartotojams. Spalvinio aklumo simuliatorius parodo, kaip jūsų sugeneruotos spalvos atrodo žmonėms su protanopia (raudonojo aklumo), deuteranopia (žaliojo aklumo) ir tritanopia (mėlynojo aklumo) spalvų matymo sutrikimais, padėdamas kurti įtraukius dizainus, kurie tinka maždaug 8% vyrų ir 0,5% moterų, turinčių kokią nors spalvų matymo sutrikimo formą.
Filtravimo sistema suteikia jums tikslų sugeneruotų spalvų valdymą. Temperatūros filtrai apriboja spalvas iki šiltų tonų (raudoni, oranžiniai, geltoni) energingiems dizainams, šaltų tonų (mėlyni, žali, violetiniai) ramiai estetikai arba neutralių tonų subalansuotoms kompozicijoms. Sodrumo filtrai leidžia generuoti pastelines spalvas švelniems, švelnumo dizainams, ryškias spalvas drąsiems pareiškimams, prislopintus tonus rafinuotoms paletėms arba neonines spalvas akį traukiantiems efektams. Šviesumo filtrai kontroliuoja, ar spalvos yra šviesios lengviems dizainams, vidutinės subalansuotoms sąsajoms ar tamsios dramatiškoms temoms. Užrakinimo funkcija leidžia išsaugoti patinkančias spalvas, o likusias pergeneruoti — puikiai tinka palaipsniam paletės kūrimui. Eksportuokite spalvas kaip CSS pasirinktinius kintamuosius tiesioginiam naudojimui stilių lapuose, JSON programiniam naudojimui arba paprastą tekstą dokumentavimui. Generavimo istorija seka visas jūsų ankstesnes spalvų schemas, kad galėtumėte peržiūrėti ir pakartotinai naudoti mėgstamas kombinacijas.