Spėlioti, kurios spalvos dera tarpusavyje, tik švaisto laiką dizainui. Šis generatorius taiko klasikines spalvų rato darnas - tuos pačius atspalvių ryšius, kurie dėstomi spalvų teorijoje, todėl kiekviena paletė yra matematiškai suderinta, o ne parinkta iš akies. Spustelėkite bet kurį spalvos pavyzdį, kad nukopijuotumėte jo hex kodą, arba nukopijuokite visą paletę kaip paruoštus įklijuoti CSS custom properties. Viskas vyksta tik naršyklėje: be paskyros, be įkėlimo, be jūsų prekės ženklo spalvų sekimo.
Nemokamas Spalvų Paletės Generatorius
Veikia tik jūsų naršyklėje - nieko neįkeliama, registracija nereikalinga.
Darna
CSS kintamieji
Kas yra spalvų paletės generatorius?
Spalvų paletės generatorius sukuria darnią spalvų schemą iš vienos pagrindinės spalvos, remdamasis spalvų rato teorija. Pasirinkite ar įveskite hex spalvą, pasirinkite darną, pavyzdžiui, papildomą, analoginę, triadinę ar monochrominę, ir jis akimirksniu apskaičiuoja suderintas spalvas - kiekvieną su nukopijuojamu hex kodu. Viskas vyksta jūsų naršyklėje.
Kaip naudotis
- 1Nustatykite pagrindinę spalvą. Spustelėkite spalvos lauką, kad pasirinktumėte vizualiai, įveskite hex kodą, pavyzdžiui, #6366f1, arba paspauskite Atsitiktinė, kad gautumėte naują pradžios tašką.
- 2Pasirinkite darną. Perjunkite tarp papildomos, dalinai papildomos, analoginės, triadinės, tetradinės, monochrominės, šešėlių ir atšviestų versijų. Paletė iš karto perskaičiuojama.
- 3Nukopijuokite spalvas. Spustelėkite bet kurį spalvos pavyzdį, kad nukopijuotumėte jo hex kodą, arba naudokite mygtuką Kopijuoti, kad gautumėte visą paletę kaip CSS kintamuosius.
Kam pravers
- Interneto dizaineriams, pradedantiems svetainę nuo vienos prekės ženklo spalvos: sukuria analogines ar dalinai papildomas spalvas fonams, mygtukams ir akcentams.
- Front-end kūrėjams, kuriems reikia design token pradžios: nukopijuoja paletę kaip CSS kintamuosius ir tiesiai įkelia į stiliaus failą.
- Rinkodaros specialistams ir skaidrių kūrėjams, derinantiems diagramas, socialinių tinklų grafiką ar pristatymus prie logotipo spalvos be dizaino įrankio.
- Iliustratoriams ir mėgėjams, tyrinėjantiems vieno atspalvio šešėlius ir atšviestas versijas, kad kūrinyje sukurtų gilumą, šviesos akcentus ir šešėlius.
DUK
Ar šis spalvų paletės generatorius nemokamas?
Taip - 100% nemokamas, be registracijos, be vandens ženklų ir be jokių apribojimų. Kurkite ir kopijuokite tiek palečių, kiek norite, tiek asmeniniams, tiek komerciniams projektams.
Ar mano spalvų duomenys kur nors įkeliami?
Ne. Paletė apskaičiuojama visiškai jūsų naršyklėje paprastu JavaScript. Jūsų prekės ženklo spalvos, įvestys ir paspaudimai niekada nesiunčiami į jokį serverį.
Kas yra papildoma spalva?
Papildoma spalva yra tiksliai priešais jūsų pagrindinę spalvą spalvų rate - tai 180 laipsnių atspalvio pasukimas. Papildomos poros, tokios kaip mėlyna ir oranžinė, suteikia stipriausią kontrastą, todėl jos dažnai naudojamos veiksmo mygtukams ant prekės ženklo fono.
Kuo skiriasi analoginės ir triadinės paletės?
Analoginės paletės naudoja gretimus atspalvius (maždaug 30 laipsnių nuo pagrindinės spalvos), todėl jos atrodo ramios ir darnios. Triadinės paletės naudoja tris atspalvius, išdėstytus po 120 laipsnių, ir suteikia ryškesnę, subalansuotą schemą su didesniu kontrastu tarp spalvų.
Kas yra šešėliai ir atšviestos versijos?
Šešėliai patamsina pagrindinę spalvą, mažindami jos šviesumą juodos link; atšviestos versijos ją pašviesina baltos link. Abu variantai išlaiko tą patį atspalvį ir sodrumą, todėl puikiai tinka hover būsenoms, rėmeliams ir vienos prekės ženklo spalvos fono sluoksniams.
Kiek spalvų turėtų būti svetainės paletėje?
Įprasta taisyklė yra 60-30-10: viena dominuojanti spalva maždaug 60% sąsajos, antrinė spalva 30%, ir akcentas 10%. Pradėkite nuo 3-5 spalvų darnos čia, tada pridėkite kiekvienos šešėlius ir atšviestas versijas būsenoms ir paviršiams.
Kodėl paletė beveik nesikeičia pilkai ar juodai spalvai?
Pilka, juoda ir balta spalvos turi nulinį sodrumą, todėl nėra atspalvio, kurį darnos pasukimai galėtų paveikti - sukant tuštumą gaunamas tas pats neutralus rezultatas. Vietoj to kurkite neutralią skalę naudodami šviesumo režimus: atšviestas versijas juodai ar tamsiai pilkai, šešėlius baltai ar šviesiai pilkai, o monochrominį vidutiniam pilkos atspalviui.