Tervetuloa takaisin

Valitse, minkä tyyppinen kohde lisätään tähän kokoelmaan.

Lisää kokoelma järjestelläksesi kohteita

Luo ensimmäinen kokoelma värien järjestämiseksi

Lisää värejä, paletteja tai värisävyjä tähän kokoelmaan.

Kolme väriä, joilla on sama luminanssi ja kylläisyys ja joiden sävyt ovat vierekkäin väripyörässä 30 asteen etäisyydellä toisistaan. Sujuvat siirtymät.

Värisokeuteen sairastuu maailmanlaajuisesti noin 1 mies 12:sta ja 1 nainen 200:sta. Tämä simulaattori auttaa suunnittelijoita, kehittäjiä ja sisällöntuottajia ymmärtämään, miten heidän värivalintansa näkyvät ihmisille, joilla on erilaisia värinäön puutteita.

Testaamalla värejä erilaisilla värisokeussimulaatioilla voit varmistaa, että suunnittelusi ovat kaikkien käyttäjien saatavilla ja tehokkaita. Tämä työkalu simuloi yleisimpiä värinäön puutostyyppejä, kuten protanopiaa, deuteranopiaa, tritanopiaa ja täydellistä värisokeutta.

Värisokeuden ymmärtäminen

Käytä kontrastia ja kuvioita värien ohella tiedon välittämiseen.

Suunnittele paremmin

Sinikeltainen sokeus (Tritanopia)

Värikoodi

Kontrastin tarkistusohjelma

Tarkista, miten eri värisokeat ihmiset havaitsevat värin, jotta voit luoda helppokäyttöisempiä malleja. Värien hahmottamisen ymmärtäminen auttaa varmistamaan, että sisältösi on kaikkien saatavilla.

Gradientti Maker

Pelkkä väri ei saa koskaan olla ainoa tapa välittää tietoa. Testaaminen tällä simulaattorilla auttaa tunnistamaan mahdolliset ongelmat.

Miksi sillä on merkitystä

Luo ilmainen tili simuloidaksesi, miltä värit näyttävät ihmisille, joilla on erityyppinen värisokeus.

Rekisteröidy päästäksesi käyttämään Blindness Simulator

Näin väri näkyy normaalilla värinäöllä.

Puna-vihreä sokeus (Protanopia)

Aiheeseen liittyvät esteettömyystyökalut

8 %:lla miehistä ja 0,5 %:lla naisista on jonkinlainen värinäön puutos.

Vaikutus

Sokeus simulaattori

Täydellinen värisokeus

Akromatomia

Achromatopsia

Deuteranomalia

Deuteranopia

Protanomalia

Protanopia

Tritanomalia

Tritanopia

Punavihersokeus on yleisin, ja se vaikuttaa punaisen ja vihreän värin havaitsemiseen.

Tyypit

Täydellinen käyttöliittymäsuunnitteluun, datan visualisointiin, brändäykseen ja kaikkeen visuaaliseen sisältöön, joka perustuu värien erotteluun.

Käyttötapaukset

Kehittynyt värianalyysityökalumme tarjoaa kattavan näkemyksen värien ominaisuuksista, harmonioista ja psykologisista vaikutuksista. Täydellinen suunnittelijoille, kehittäjille ja taiteilijoille, jotka haluavat ymmärtää värien teknisiä ja emotionaalisia näkökohtia.

Analysoi väriharmonioita, psykologisia vaikutuksia, teknisiä eritelmiä ja saavutettavuusmittareita. Tee tietoon perustuvia päätöksiä värien käytöstä projekteissasi tietoon perustuvien oivallusten ja ammattimaisten väriteoriasovellusten avulla.

Värianalyysin ymmärtäminen

Ammattimainen väriymmärrys ja harmonia

Täydellinen värianalyysi

Viileä väri - rauhallinen ja ammattimainen

Analysoi väriominaisuuksia kehittyneillä mittareilla, kuten spektrikoostumuksella, värin puhtaudella, metamerismin vaikutuksilla ja havainto-ominaisuuksilla. Nämä työkalut tarjoavat syvällistä tietoa värien käyttäytymisestä ja ulkonäöstä eri katseluolosuhteissa.

Olennaista yhtenäisen brändi-identiteetin luomisessa, värien harmonian varmistamisessa suunnittelussa ja johdonmukaisuuden ylläpitämisessä digitaalisissa ja painetuissa medioissa. Värianalyysityökalumme tarjoaa kattavia tietoja ammattimaisille suunnittelijoille.

Suunnittelu &amp; brändäys

Komplementaaristen, kolmiulotteisten ja analogisten värimallien luominen väripyörän suhteiden perusteella.

Väriharmonioita

Luo ilmainen tili nähdäksesi kattavan värianalyysin ja mittarit.

Rekisteröidy päästäksesi käyttämään Color Analysis

Ymmärrä väripsykologiaa ja tunnevaikutusta markkinointikampanjoissa. Analysoi, miten värit vaikuttavat käyttäjien käyttäytymiseen ja konversiolukuihin digitaalisissa markkinointistrategioissa.

Markkinointi &amp; psykologia

Yksityiskohtaiset värimäärittelyt, mukaan lukien RGB-, HSL- ja LAB-arvot sekä luminanssilaskelmat

Tekniset mittarit

Palettigeneraattori

Ymmärtää, miten värit näkyvät eri valaistusolosuhteissa ja eri yleisöille.

Visuaalinen havaitseminen

Miten värit näkyvät ihmisen näkökyvylle, mukaan lukien puhtaus, hallitsevuus ja havaittu kirkkaus.

Havainto-ominaisuudet

Ammattimainen värianalyysi Sovellukset

Tutkitaan käyttäjien käyttäytymiseen ja käsityksiin vaikuttavia emotionaalisia ja psykologisia assosiaatioita.

Väripsykologia

Aiheeseen liittyvät värityökalut

Kolorimetriaan ja spektrianalyysiin perustuvat tarkat värimittaukset teknisiä sovelluksia varten.

Tieteellinen analyysi

Värianalyysi

Analysoi värejä verkkosivujen esteettömyysvaatimusten täyttämiseksi, luo CSS-värikoodeja ja varmistaa optimaalisen luettavuuden. Täydellinen käyttäjäkokemukseen ja WCAG-ohjeisiin keskittyville frontend-kehittäjille.

Verkkokehitys

Jokaisella harmonialla on oma tunnelmansa. Käytä harmonioita ideoidaksesi väriyhdistelmiä, jotka toimivat hyvin yhteen.

Käytä yhtä hallitsevaa väriä, tue sitä toissijaisella värillä ja korosta väriä säästeliäästi.

Varmista riittävä kontrasti luettavuuden ja saavutettavuuden varmistamiseksi.

Värien tulisi toimia yhdessä yhtenäisen visuaalisen kokemuksen luomiseksi.

Väriteorian periaatteet

Väri ja sen vastakohta väriympyrässä, +180 astetta värisävystä. Korkea kontrasti.

Värien merkitykset vaihtelevat eri kulttuureissa, ja niillä on erilaisia symbolisia merkityksiä kaikkialla maailmassa.

Kulttuuri

Tutustu värien taiteellisiin ja psykologisiin ulottuvuuksiin, mukaan lukien kausittaiset mielleyhtymät, emotionaaliset vaikutukset, luonnonesiintymät, historialliset pigmentit ja värien sekoitusreseptit luovia sovelluksia varten.

Luo ilmainen tili ja tutustu värien luoviin ja taiteellisiin ulottuvuuksiin.

Rekisteröidy päästäksesi Creative Aspects -palveluun

Luonnossa esiintyvät värit inspiroivat suunnittelua ja yhdistävät meidät ympäristöön.

Luonto

Värit vaikuttavat tunteisiin ja käyttäytymiseen ajan myötä syntyneiden psykologisten assosiaatioiden kautta.

Psykologia

Luovat näkökohdat

Kopioi värin heksanarvo napsauttamalla mitä tahansa väriä. Nämä yhdistelmät luovat matemaattisesti todistetusti visuaalista harmoniaa.

Väriharmoniat luovat tasapainoa ja herättävät tiettyjä tunteita malleissasi.

Saat hyödyllistä väritietoa väristä 123456, kuten muunnoksia, yhdistelmiä, värisokeussimulaatioita ja paljon muuta.

HTML-värivalitsin: 123456

Kolme samaa sävyä olevaa väriä, joiden luminanssiarvot ovat +/-50 %. Hienovarainen ja hienostunut.

Päätelaitteen värit, tavujen koodaus ja ohjelmointikäyttöön tarkoitetut dataformaatit.

Kehitys

Muunna värit käytännöllisiin formaatteihin reaalimaailman sovelluksia varten, mukaan lukien tulostussimulointi, LED-näytöt, päätelaitteiden ulostulot ja tietojen koodaus. Näiden formaattien avulla voit toteuttaa värejä eri medioissa, alustoilla ja fyysisissä laitteissa.

Ohjaa LED-nauhoja, RGB-valaistusta ja näyttölaitteita tarkoilla arvoilla.

Digitaaliset näytöt

Luo ilmainen tili nähdäksesi ja kopioidaksesi kaikki käytännön värimuotojen arvot.

Rekisteröidy päästäksesi käyttämään Practical Formats

Simuloi, miten värit näkyvät, kun ne tulostetaan CMYK-musteilla fyysiselle materiaalille.

Tulostus ja tuotanto

Käytännön muotoilut

Saat välittömästi käyttöösi kaikki värimuodon muunnokset projekteihisi.

Pääsy kaikkiin käytännön muotoihin

Tummemmat variaatiot, jotka luodaan lisäämällä mustaa perusväriin.

Väri ja kaksi sen vastavärin vieressä olevaa väriä, +/-30 astetta päävärin vastakkaisesta sävystä. Rohkea kuten suora vastaväri, mutta monipuolisempi.

Tutustu edistyneisiin väriavaruuden esitystapoihin ja ammattimaisiin värimalleihin, joita käytetään videotuotannossa, valokuvauksessa, tieteellisissä sovelluksissa ja värinhallintajärjestelmissä. Nämä tekniset formaatit tarjoavat tarkat värimääritykset erikoistuneille teollisuudenaloille ja sovelluksille.

Ammattimainen työnkulku edellyttää tiettyjä väriformaatteja, jotta ne ovat yhdenmukaisia eri laitteissa ja medioissa.

Alan standardit

Luo ilmainen tili nähdäksesi ja kopioidaksesi kaikki tekniset värimuotojen arvot.

Rekisteröidy päästäksesi käyttämään teknisiä formaatteja

Tekniset muodot

Saat välittömästi käyttöön yli 10 ammattimaista väriformaattia, joissa on tarkat muunnokset ja yksityiskohtaiset selitykset.

Avaa kaikki tekniset muodot

Eri väriavaruudet on optimoitu tiettyihin tarkoituksiin - tarkasta värintoistosta tehokkaaseen tiedonpakkaukseen.

Miksi käyttää teknisiä formaatteja

Kaksi vastaväriparii, jotka on erotettu 60 sävyasteella.

Vaaleammat muunnelmat, jotka luodaan lisäämällä valkoista perusväriin.

Kolme väriä, jotka on sijoitettu tasaisesti väriympyrään, kukin 120 asteen välein. On parasta antaa yhden värin hallita ja käyttää muita korostusväreinä.

Tämän osion tarkoituksena on tuottaa tarkasti valitsemastasi väristä tummennuksia (lisätty puhdasta mustaa) ja vaaleennuksia (lisätty puhdasta valkoista) 10 %:n askelin.

Nämä vaihtelut muodostavat yhtenäisen väripaletin perustan. Vie ne, jotta koko projekti pysyy yhtenäisenä.

Käytä sävyjä leijutustiloihin ja varjoihin, sävyjä korostuksiin ja taustoihin.

Nimi

Ota yhteyttä

Säädä liukusäätimiä tekstin kontrastin parantamiseksi luettavuuden parantamiseksi.

Tämä on tavallista runkotekstiä. Nopea ruskea kettu hyppää laiskan koiran yli.

Valitse väri tekstin ja taustavärin värivalitsimella tai syötä väri RGB-heksadesimaalimuodossa (esim. #259 tai #2596BE). Voit säätää liukusäädintä värin valitsemiseksi. Verkkosisällön saavutettavuusohjeissa (WCAG, Web Content Accessibility Guidelines) on erityinen ohje, jonka avulla voidaan selvittää, onko teksti luettavissa näkeville käyttäjille. Tämä kriteeri käyttää erityistä algoritmia väriyhdistelmien kuvaamiseen vertailukelpoisiksi suhteiksi.  Tämän kaavan avulla WCAG:n mukaan 4,5:1 värikontrastisuhde tekstin ja sen taustan välillä on riittävä tavalliselle tekstille, ja ison tekstin (18+ pt tavallinen tai 14+ pt lihavoitu) värikontrastisuhteen tulisi olla vähintään 3:1.

Testaa väriyhdistelmiä varmistaaksesi, että ne täyttävät tekstin luettavuutta koskevat WCAG:n saavutettavuusstandardit.

Värikontrastin tarkistus: Tämän online-työkalun avulla saat yksityiskohtaiset tiedot tekstin ja taustavärien kontrastisuhteesta 123456. 

Värikontrastin tarkistus: 123456

Tämä näyttää, miltä värit näyttävät, kun ne käännetään, mikä on hyödyllistä pimeä/valo-tilassa.

Nopea ruskea kettu hyppää laiskan koiran yli.

Esikatselu Otsikko

Tämä on pientä tekstiä luettavuuden testaamiseksi.

Tämä on pientä tekstiä, jonka pitäisi silti olla luettavissa.

Rekisteröidy ilmaiseksi ja saat käyttöösi 5 älykästä väriehdotusta, jotka ylläpitävät eloisuutta ja täyttävät WCAG-käytettävyysstandardit.

Avaa älykkäät väriehdotukset

Parannettu kontrastisuhde 7:1 normaalille tekstille ja 4,5:1 suurelle tekstille. Suositellaan optimaalisen saavutettavuuden varmistamiseksi.

Kontrastisuhde vähintään 4,5:1 normaalille tekstille ja 3:1 suurelle tekstille. Vaaditaan useimmilla verkkosivustoilla.

WCAG-vaatimustenmukaisuuden tasot

WCAG-ohjeet varmistavat, että sisältösi on näkövammaisten käyttäjien saatavilla.

WCAG-standardit

Huomiota tarvitaan

Tämän ominaisuuden käyttämiseksi sinun on luotava ILMAINEN imagecolorpicker-tili. Sen jälkeen saat käyttöösi lisää toimintoja.

Luo uusi paletti

Hallitse tallennettuja paletteja ja sävyjä.

Näytä ja hallitse tallennettuja kaltevuuksia

Gradienttisi

Näytä ja hallitse tallennettuja väripaletteja

Paletit

Kojelauta

Muokkaa palettia

Luo upeita gradientteja imagecolorpicker.comin Gradientin luontityökalulla. Valitse lineaarisista ja säteittäisistä gradienteista, lisää useita värejä, kierrä gradienttia, tallenna ja jaa luomuksesi. Lataa CSS-koodi suoraan ja integroi gradientit saumattomasti projekteihisi.

Muokkaa gradienttia

Gradientti otsikko vaaditaan

Gradientin luontityökalu - Luo upeita lineaarisia ja säteittäisiä gradientteja | imagecolorpicker.com

Gradientti

Luo värikoodeja, variaatioita, harmonioita ja tarkista kontrastisuhde.

Värikoodigeneraattori ja -poimuri

Luo kauniita gradientteja helposti - muokkaa värejä, suuntia ja vie luomuksesi.

Gradientin luontityökalu

Hallitse ja järjestä suosikkiväripalettisi.

Katso ja tutki tätä jaettua gradienttia.

Jaettu gradientti

Jaettu paletti

Huomasimme, että käytät mainosten estolaitetta. Se ei haittaa! Voit tukea meitä pienellä lahjoituksella, jotta tämä työkalu pysyy ilmaisena miljoonille käyttäjille. Jokainen kahvi auttaa meitä ylläpitämään ja parantamaan palvelua.

Mainosten esto havaittu - Tue meitä kahvilla sen sijaan!

Käytä yllä olevaa kuvan väripoimuria valitaksesi värin ja saadaksesi pikselin HTML-värikoodin. Saat myös HEX-värikoodin, RGB-arvon ja HSV-arvon. 'Käytä omaa kuvaasi' -osiossa voit ladata oman kuvasi (esimerkiksi työpöydän kuvakaappauksen), liittää kuvan leikepöydältä tai syöttää kuvan tai verkkosivuston URL-osoitteen alla olevaan tekstikenttään. Näet esikatselukuvan vasemmalla.

Pudota kuvatiedosto ladattavaksi. Tuetut formaatit: PNG, JPG, JPEG.

Kuvan lataaminen

Väripoimuri: Tämän verkkotyökalun avulla voit ladata kuvan tai antaa verkkosivuston URL-osoitteen ja saada RGB-, HEX- ja HSL-värikoodin. 👍

👍 Väripoimuri verkossa | HEX-väripoimuri | HTML-väripoimuri

Jos käytät Mac-tietokonetta tai tietokonetta, jossa on nykyinen käyttöjärjestelmä ja nykyinen selain, voit käyttää tätä ominaisuutta. Safari, Edge , Firefox ja Chrome on testattu. Ulkonäkö saattaa hieman vaihdella.

Voit käyttää tätä toimintoa 3 kertaa ilmaiseksi ja katsoa sitten pikamainoksen, jonka jälkeen saat vielä 3 käyttökertaa. Tukesi auttaa meitä pitämään tämän työkalun ilmaisena yli 3 miljoonalle käyttäjälle maailmanlaajuisesti.

Katso 15 sekunnin mainos jatkaaksesi sen käyttöä ilmaiseksi.

Olet käyttänyt tätä toimintoa 3 kertaa!

Luo ilmainen tili ohittaaksesi mainoksia milloin tahansa

Olemme vasta väripoimurimatkamme alussa, ja lisää ominaisuuksia on tulossa. Se on odottamisen arvoista.

Kirjoita sähköpostiosoitteesi, niin lähetämme sinulle suojatun linkin kirjautumista varten.

Paletin otsikko vaaditaan

Et ole vielä tallentanut väripalettia. Tallenna yksi, niin löydät sen täältä.

Sinulle jaettua väripalettia ei enää ole, luultavasti sen luoja poisti sen. Ota yhteyttä henkilöön, jolta sait tämän linkin.

Paletti

Otsikko vaaditaan

Järjestä värejä, paletteja ja sävyjä projekteihin ja kokoelmiin.

Minun projektini

Järjestä suunnitteluvarasi projekteihin

Tämä verkkosivusto on tehty mainonnan avulla. Sinulla on esto. Ymmärrämme, että et näe mainoksia. Tämä sivusto maksaa meille rahaa ylläpitää ja ylläpitää. Olemme erittäin iloisia jokaisesta kahvista!

Verkkotyökalu, jolla voit valita värejä kuvista, verkkosivuilta ja näytöltäsi. Saat HEX-, RGB- ja HSL-värikoodit välittömästi.

Online-työkalu värikoodien (HEX, RGB) poimimiseen kuvista ja verkkosivustoista. 100 % ilmainen.

Upeita ihmisiä, jotka ostivat meille hiljattain kahvit. Kiitos tuestanne!

ImageColorPicker.com

Gradientin luontityökalu

Väri

Position

Rotation

Tyyppi