Väripaletingeneraattori
Luo kauniita, harmonisia väripaletteja hetkessä ilmaisella online-työkalullamme. Tukee monokromaattisia, analogisia, komplementäärisiä, triadisia, jaetusti komplementäärisiä ja tetradisia tiloja. Säädä värejä HSL-liukusäätimillä, lukitse suosikit ja vie CSS-, Tailwind-, JSON- tai SVG-muodossa. 100% selainpohjainen, tietosi eivät koskaan poistu laitteeltasi.
Miten generoin väripaletin?
Klikkaa Luo-painiketta tai paina välilyöntiä luodaksesi uuden satunnaisen paletin. Käytä harmoniatilan valitsinta valitaksesi monokromaattisen, analogisen, komplementäärisen, triadisen, jaetun komplementäärisen tai tetradisen mallin.
Miten lukitsen värin?
Klikkaa lukkokuvaketta väriesillä. Lukitut värit pysyvät paikoillaan uutta palettia luotaessa, kun taas lukitsemattomat värit korvataan.
Miten vien paletin?
Klikkaa Vie-painiketta valitaksesi CSS-muuttujat, Tailwind-määritykset, JSON-taulukon tai SVG-paletin. Paletti kopioidaan automaattisesti leikepöydälle.
Mitkä ovat eri harmoniatilat?
Monokromaattinen käyttää yhtä sävyä vaihtelevalla kylläisyydellä ja valoisuudella. Analoginen käyttää viereisiä sävyjä (±30°). Komplementäärinen käyttää vastakkaisia sävyjä (180°). Triadinen käyttää 3 tasavälistä sävyä (120°). Jaettu komplementäärinen käyttää perussävyä plus kahta sen komplementin vieressä olevaa sävyä. Tetradinen käyttää 4 tasavälistä sävyä (90°).
Voinko rakentaa paletin brändivärini ympärille?
Voit. Valitse brändiväri perusvärin valitsimesta ja sen jälkeen harmoniatila – muut neljä väriä luodaan sen ympärille. Sen jälkeen voit hienosäätää jokaista HSL-liukusäätimillä.
Mitä vientimuotoja on tarjolla?
Paletin voi viedä CSS-muuttujina, Tailwind-määrityksenä, JSON-taulukkona tai SVG-tiedostona. Koodin esikatselu päivittyy heti muotoa vaihdettaessa, valmiina liitettäväksi projektiin.
Voinko nähdä väriarvot HEX-, RGB- vai HSL-muodossa?
Kyllä, jokaisen värin arvo voi vaihtua HEX:n, RGB:n ja HSL:n välillä. Saat suoraan sen muodon, jota suunnittelutyökalusi tai koodikantasi odottaa, ilman manuaalista muuntamista.
Mitä jokaisen värin pieni merkki tarkoittaa?
Se kertoo, pysyykö valkoinen vai musta teksti luettavana tuon värin päällä. Kun kontrastisuhde saavuttaa 4,5:1, merkki näyttää hyväksytyn WCAG-ohjeistuksen mukaan – kätevää, kun valitset painikkeiden tai bannerien taustavärejä.
Lähetetäänkö palettini palvelimelle?
Ei. Kaikki toimii paikallisesti selaimessa, joten värisi eivät koskaan poistu laitteeltasi. Kun sivu on latautunut, generaattori toimii jopa offline-tilassa.
Näin käytät työkalua Väripaletingeneraattori
Luo yhtenäisiä värivalikoita monokromaattisella, analogisella ja triadisella tavalla — kaikki lasketaan selaimessasi. Lukitse lempisävyt, hienosäädä niitä ja vie ne käyttämäsi frameworkin vaatimassa muodossa.
- Valitse harmonian Mode pudotusvalikosta: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary tai Tetradic.
- Aseta Base-väri, jotta jokainen luotu näyte johdetaan brändisi sävystä, ja luo uudelleen, kunnes kokonaisuus tuntuu oikealta.
- Poista ✕-painikkeella näytteet, jotka eivät miellytä, ja arvo uudelleen; hienosäädä jäljellä olevia HSL-liukusäätimillä.
- Vertaa näytteitä vaaleilla ja tummilla luonnoksilla varmistaaksesi, että teksti pysyy luettavana jokaisen värin päällä.
- Avaa Export Palette ja nappaa värisi muodossa CSS Variables, Tailwind Config, JSON Array tai SVG Palette.
Lukitse Base-näyte ennen uudelleenarvontaa Random-tilassa, niin tutkit muunnelmia brändivärin ympärillä menettämättä sitä.
Aiheeseen liittyvät työkalut
- Värimuunnin Ilmainen online-värimuunnin. Muunna HEX, RGB, HSL, HSV muodot välittömästi visuaalisella valitsimella. 100% yksityinen, toimii selaimessasi.
- Värinvalitsin Valitse mikä tahansa väri näytöltä pipetillä. Kopioi HEX-, RGB- ja HSL-koodit heti. Ilmainen online-värinvalitsin.
- Värikontrastin Tarkistus Tarkista värikontrastisuhteet WCAG 2.1 -vaatimustenmukaisuutta varten. Vahvista AA- ja AAA-standardit heti.
- Värisokeussimulaattori Ilmainen online-värisokeussimulaattori. Testaa suunnittelut Protanopia, Deuteranopia, Tritanopia ja muut tyypit. 100% yksityinen, toimii selaimessa.
- GIF Jaa Kehykset Pura ja lataa yksittäisiä kehyksiä GIF-animaatioista PNG:nä tai sprite-sheetinä. Ilmainen online-työkalu esikatselulla ja ZIP-viennillä.
- GIF Käänteinen Käännä GIF-animaatioiden toistojärjestys ilmaiseksi verkossa. Lataa, esikatsele ja lataa heti.
- GIF Nopeuden Vaihtaja Vaihda GIF-animaation nopeutta verkossa. Kiihdytä tai hidasta GIF-tiedostoja välittömästi.
- Video GIF:ksi Muunna video animoiduksi GIF:ksi verkossa. Säädä laatua, kehysnopeutta ja resoluutiota suoraan selaimessasi ilman latausta.