Värisävyjen generaattori
Aloita yhdellä HEX- tai Pantone-viitevärillä ja rakenna täydellinen sävyasteikko käyttöliittymäsuunnittelua, brändäystä, CSS-muuttujia ja Tailwind-projekteja varten.
Valitse Pantone-viite käyttääksesi sen digitaalista HEX-likiarvoa perusvärinä.
Pantone-osumat ovat digitaalisia vertailuarvoja. Tarkista tärkeä tulostustyö virallisten fyysisten oppaiden avulla.
Luotu väriskaala
Napsauta mitä tahansa värimallia kopioidaksesi sen HEX-arvo tai kopioi koko skaala CSS- ja suunnittelujärjestelmille.
Käyttöliittymän esikatselu
Käytä luotuja sävyjä ja sävyjä taustoihin, painikkeisiin, merkkeihin ja tummiin pintoihin.
Käytännöllinen sävyasteikko tuotteen käyttöliittymälle
Vaaleat sävyt sopivat hyvin pehmeille taustoille, perusväri toimii päätoiminnoissa ja syvät sävyt tukevat tekstiä tai tummia paneeleja.
Mikä on värisävygeneraattori?
Värisävygeneraattori muuttaa yhden perusvärin vaaleammiksi, tummemmiksi ja mykistetyiksi sävyiksi. Tuloksena on koordinoitu arvoasteikko, jota suunnittelijat voivat käyttää painikkeille, taustoille, reunuksille, kaavioille ja brändijärjestelmille.
Rakenna Tailwind-tyylisiä 50-950 vaakoja
Oletustila tuottaa 11-vaiheisen 50-950 asteikon, joka on samanlainen kuin yleinen suunnittelujärjestelmän tunnuksen nimeäminen. Voit kopioida tavallisia arvoja, CSS-muuttujia, Tailwind-konfiguraatioita tai JSON-tiedostoja kanavanvaihtoa varten kehittäjille.
Vertaa jokaista sävyä Pantone-viittauksiin
Jokaista luotua väriä verrataan lähimpään tämän sivuston Pantone-viittaukseen, jotta suunnittelijat voivat yhdistää digitaalisen sävytutkimuksen tulostukseen suuntautuneilla värikeskusteluilla.
Kuinka käyttää luotuja sävyjä
Sävyasteikko auttaa yhdestä merkkiväristä muodostumaan täysin toimivaksi järjestelmäksi. Käytä vaaleampia arvoja taustoille ja leijutustiloille, keskiarvoja toimille ja tummempia arvoja tekstille, reunuksille ja suurikontrastisille pinnoille.
Värisävyt FAQ
Mitä ovat sävyt, sävyt ja sävyt?
Sävy sekoittaa värin valkoiseen, sävy sekoittaa sen mustaan ja sävy sekoittaa sen harmaaseen. Yhdessä ne luovat kontrolloituja muunnelmia samasta perusväristä.
Onko tämä virallinen Pantone-sävygeneraattori?
Ei. Tämä sivusto on itsenäinen eikä ole sidoksissa Pantone LLC:hen. Tässä näkyvät Pantone-viitteet ovat likimääräisiä digitaalisia osumia vain suunnittelua ja viestintää varten.
Voinko käyttää tulostetta Tailwind CSS:ssä?
Kyllä. 50-950-tila on suunniteltu Tailwind-tyylisille väriasteikoille, ja Tailwind-vienti antaa sinulle liitettävän värilohkon.
Onko luotujen sävyjen värihallittu tulostusta varten?
Ei. Generaattori toimii selainystävällisessä RGB-sekoituksessa suunnittelun nopeaa tutkimista varten. Tarkista tarkka tuotantoväri kalibroiduilla työkaluilla ja virallisilla fyysisillä värioppailla.
Miten tämä eroaa Pantonen väripalettigeneraattorista?
Palettigeneraattori luo monivärisiä harmoniamalleja. Tämä sivu keskittyy yhteen perusväriin ja rakentaa vaaleampia, tummempia ja vaimeampia muunnelmia siitä yhdestä väristä.
Lataako työkalu värit?
Ei. Varjostimen sukupolvi toimii selaimessasi. Tiliä, latausta tai palvelinpuolen värinkäsittelyä ei vaadita.
Lisää työkaluja
Vain viiteväriä koskeva vastuuvapauslauseke
Luodut värit ja Pantone-osumat ovat digitaalisia arvioita suunnittelua, käyttöliittymäsuunnittelua ja viestintää varten. Ne eivät korvaa virallisia Pantone-tuotteita, lisensoituja tietoja tai fyysisten mallitilojen vahvistusta.