Dobrodošao natrag

Odaberite koju vrstu stavke želite dodati u ovu kolekciju

Dodajte kolekciju za organiziranje svojih stavki

Napravite svoju prvu kolekciju kako biste organizirali svoje boje

Dodajte boje, palete ili gradijente u ovu kolekciju

Tri boje iste luminancije i zasićenosti s nijansama koje su susjedne na kotaču boja, udaljene 30 stupnjeva. Glatki prijelazi.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

Koristite kontrast i uzorke uz boju za prenošenje informacija.

Bolji dizajn

Plavo-žuta sljepoća (Tritanopija)

Kod boje

Alat za provjeru kontrasta

Provjerite kako boju percipiraju ljudi s različitim vrstama sljepoće za boje kako biste stvorili pristupačnije dizajne. Razumijevanje percepcije boja pomaže osigurati da je vaš sadržaj pristupačan svima.

Alat za izradu gradijenta

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

Izradite besplatni račun kako biste simulirali kako boje izgledaju osobama s različitim vrstama sljepoće za boje.

Registrirajte se za pristup Simulatoru sljepoće

Ovako boja izgleda s normalnim kolornim vidom.

Crveno-zelena sljepoća (Protanopija)

Povezani alati za pristupačnost

8% muškaraca i 0,5% žena ima neki oblik poremećaja raspoznavanja boja.

Utjecaj

Simulator sljepoće

Potpuna sljepoća za boje

Akromatomalija

Akromatopsija

Deuteranomalija

Deuteranopija

Protanomalija

Protanopija

Tritanomalija

Tritanopija

Sljepoća na crveno-zeleno je najčešća i utječe na percepciju crvene i zelene boje.

Vrste

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

Naš napredni alat za analizu boja pruža sveobuhvatan uvid u svojstva boja, harmonije i psihološke učinke. Savršeno za dizajnere, programere i umjetnike koji žele razumjeti tehničke i emocionalne aspekte boja.

Analizirajte harmonije boja, psihološki utjecaj, tehničke specifikacije i metrike pristupačnosti. Donosite informirane odluke o korištenju boja u svojim projektima uz pomoć uvida temeljenih na podacima i profesionalnih primjena teorije boja.

Razumijevanje analize boja

Profesionalni uvidi u boje i harmoniju

Potpuna analiza boja

Analizirajte svojstva boja pomoću naprednih metrika, uključujući spektralni sastav, čistoću boje, efekte metamerizma i perceptivne karakteristike. Ovi alati pružaju dubok uvid u ponašanje i izgled boja u različitim uvjetima gledanja.

Neophodan za stvaranje kohezivnih identiteta robne marke, osiguravanje harmonije boja u dizajnu i održavanje dosljednosti u digitalnim i tiskanim medijima. Naš alat za analizu boja pruža sveobuhvatan uvid profesionalnim dizajnerima.

Dizajn i brendiranje

Generirajte komplementarne, trijadne i analogne sheme boja na temelju odnosa na kotačiću boja

Harmonije boja

Izradite besplatan račun za pregled sveobuhvatne analize i metrike boja.

Prijavite se za pristup analizi boja

Razumjeti psihologiju boja i emocionalni utjecaj marketinških kampanja. Analizirati kako boje utječu na ponašanje korisnika i stope konverzije u strategijama digitalnog marketinga.

Marketing i psihologija

Pristupite detaljnim specifikacijama boja, uključujući RGB, HSL, LAB vrijednosti i izračune luminancije

Tehničke metrike

Generator paleta

Razumjeti kako boje izgledaju u različitim uvjetima osvjetljenja i različitoj publici

Vizualna percepcija

Kako boje izgledaju ljudskom vidu, uključujući čistoću, dominantnost i percipiranu svjetlinu.

Perceptivna svojstva

Profesionalne aplikacije za analizu boja

Istražite emocionalne i psihološke asocijacije koje utječu na ponašanje i percepciju korisnika

Psihologija boja

Povezani alati za boje

Precizna mjerenja boja temeljena na kolorimetriji i spektralnoj analizi za tehničke primjene.

Znanstvena analiza

Analiza boja

Analizirajte boje radi usklađenosti s web pristupačnošću, generirajte CSS kodove boja i osigurajte optimalnu čitljivost. Savršeno za frontend developere usmjerene na korisničko iskustvo i WCAG smjernice.

Razvoj weba

Svaka harmonija ima svoje raspoloženje. Koristite harmonije za osmišljavanje kombinacija boja koje dobro funkcioniraju zajedno.

Koristite jednu dominantnu boju, potkrijepite je sekundarnom i štedljivo naglašavajte.

Osigurajte dovoljan kontrast za čitljivost i pristupačnost.

Boje bi trebale djelovati zajedno kako bi stvorile jedinstven vizualni doživljaj.

Principi teorije boja

Boja i njezina suprotnost na kotaču boja, +180 stupnjeva nijanse. Visoki kontrast.

Značenja boja variraju među kulturama, noseći različita simbolička značenja diljem svijeta.

Kultura

Istražite umjetničke i psihološke dimenzije boja, uključujući sezonske asocijacije, emocionalni utjecaj, prirodne pojave, povijesne pigmente i recepte za miješanje boja za kreativne primjene.

Izradite besplatan račun kako biste istražili kreativne i umjetničke dimenzije boja.

Prijavite se za pristup Kreativnim aspektima

Prirodne pojave boja inspiriraju dizajn i povezuju nas s okolinom.

Priroda

Boje utječu na emocije i ponašanje putem psiholoških asocijacija razvijenih tijekom vremena.

Psihologija

Kreativni aspekti

Kliknite na bilo koju boju da biste kopirali njezinu heksadecimalnu vrijednost. Matematički je dokazano da ove kombinacije stvaraju vizualnu harmoniju.

Harmonija boja stvara ravnotežu i izaziva specifične emocije u vašim dizajnima.

Dobijte korisne informacije o boji 123456, kao što su konverzija, kombinacije, simulacija sljepoće i još mnogo toga.

HTML alat za odabir boja: 123456

Tri boje iste nijanse s vrijednostima luminancije +/-50%. Suptilno i profinjeno.

Boje terminala, kodiranje bajtova i formati podataka za programsku upotrebu.

Razvoj

Pretvorite boje u praktične formate za stvarne primjene, uključujući simulaciju ispisa, LED zaslone, izlaz terminala i kodiranje podataka. Ovi formati pomažu vam u implementaciji boja na različitim medijima, platformama i fizičkim uređajima.

Kontrolirajte LED trake, RGB rasvjetu i hardver za prikaz pomoću preciznih vrijednosti.

Digitalni zasloni

Izradite besplatni račun za pregled i kopiranje svih praktičnih vrijednosti formata boja.

Prijavite se za pristup praktičnim formatima

Simulirajte kako boje izgledaju kada se ispisuju CMYK bojama na fizičkim medijima.

Tisak i produkcija

Praktični formati

Ostvarite trenutni pristup svim konverzijama formata boja za svoje projekte.

Pristup svim praktičnim formatima

Tamnije varijacije stvorene dodavanjem crne osnovnoj boji.

Boja i dvije susjedne njenom komplementu, +/-30 stupnjeva nijanse od vrijednosti nasuprot glavnoj boji. Podebljano poput ravnog komplementa, ali svestranije.

Istražite napredne prikaze prostora boja i profesionalne modele boja koji se koriste u video produkciji, fotografiji, znanstvenim primjenama i sustavima upravljanja bojama. Ovi tehnički formati pružaju precizne specifikacije boja za specijalizirane industrije i primjene.

Profesionalni tijekovi rada zahtijevaju specifične formate boja za dosljednost na svim uređajima i medijima.

Industrijski standardi

Izradite besplatni račun za pregled i kopiranje svih tehničkih vrijednosti formata boja.

Prijavite se za pristup tehničkim formatima

Tehnički formati

Ostvarite trenutni pristup više od 10 profesionalnih formata boja s preciznim pretvorbama i detaljnim objašnjenjima.

Otključaj sve tehničke formate

Različiti prostori boja optimizirani su za specifične svrhe - od točne reprodukcije boja do učinkovite kompresije podataka.

Zašto koristiti tehničke formate

Dva seta komplementarnih boja, razdvojena za 60 stupnjeva nijanse.

Svjetlije varijacije stvorene dodavanjem bijele osnovnoj boji.

Tri boje ravnomjerno raspoređene duž kotača boja, svaka s razmakom od 120 stupnjeva nijanse. Najbolje je dopustiti jednoj boji da dominira, a ostale koristiti kao akcente.

Svrha ovog odjeljka je precizno generiranje tonova (dodana čisto bijela) i nijansi (dodana čista crna) odabrane boje u koracima od 10%.

Ove varijacije čine temelj kohezivne palete boja. Izvezite ih kako biste održali dosljednost u cijelom projektu.

Koristite nijanse za stanja lebdenja i sjene, nijanse za svjetlucanja i pozadine.

Kontaktirajte nas

Prilagodite klizače za poboljšanje kontrasta teksta radi bolje čitljivosti

Ovo je uobičajeni tekst. Brza smeđa lisica preskače lijenog psa.

Odaberite boju pomoću birača boja za boju teksta i pozadine ili unesite boju u RGB heksadecimalnom formatu (npr. #259 ili #2596BE). Možete podesiti klizač za odabir boje. Smjernice za pristupačnost web sadržaja (WCAG) imaju posebne smjernice koje pomažu utvrditi je li tekst čitljiv za videće korisnike. Ovaj kriterij koristi određeni algoritam za preslikavanje kombinacija boja u usporedive omjere. Koristeći ovu formulu, WCAG navodi da je omjer kontrasta boja 4,5:1 s tekstom i njegovom pozadinom prikladan za običan (tijelo) tekst, a veliki tekst (18+ pt regular, ili 14+ pt bold) treba imati najmanje 3: 1 omjer kontrasta boja.

Testirajte kombinacije boja kako biste bili sigurni da zadovoljavaju WCAG standarde pristupačnosti za čitljivost teksta.

Provjera kontrasta boja: s ovim online alatom možete dobiti pojedinosti o omjeru kontrasta teksta i boja pozadine 123456. 

 Provjera kontrasta boja: 123456

Ovo pokazuje kako boje izgledaju kada su invertirane, korisno za tamni/svijetli način rada.

Pregled naslova

Ovo je kratak tekst za provjeru čitljivosti.

Ovo je mali tekst koji bi ipak trebao biti čitljiv.

Besplatno se registrirajte kako biste dobili pristup 5 inteligentnih prijedloga boja koje održavaju živost, a istovremeno zadovoljavaju standarde pristupačnosti WCAG-a.

Otključaj pametne prijedloge boja

Poboljšani omjer kontrasta od 7:1 za normalan tekst i 4,5:1 za veliki tekst. Preporučuje se za optimalnu pristupačnost.

Minimalni omjer kontrasta od 4,5:1 za normalan tekst i 3:1 za veliki tekst. Obavezno za većinu web-stranica.

Razine usklađenosti s WCAG-om

WCAG smjernice osiguravaju da je vaš sadržaj pristupačan korisnicima s oštećenjem vida.

WCAG standardi

Potrebna pažnja

Da biste koristili ovu značajku, trebate stvoriti BESPLATNI imagecolorpicker račun. Nakon toga ćete imati pristup više funkcija.

Napravite novu paletu

Upravljajte spremljenim paletama i gradijentima

Pregled i upravljanje spremljenim gradijentima

Vaši gradijenti

Pregled i upravljanje spremljenim paletama boja

Vaše palete

Nadzorna ploča

Uredite svoju paletu

Stvorite zadivljujuće gradijente s Gradient Makerom s imagecolorpicker.com. Birajte između linearnih i radijalnih gradijenata, dodajte više boja, rotirajte gradijent, spremite i podijelite svoje kreacije. Izravno preuzmite CSS kod i neprimjetno integrirajte svoje gradijente u svoje projekte.

Izradite zapanjujuće gradijente pomoću Gradient Maker-a s imagecolorpicker.com. Birajte između linearnih i radijalnih gradijenata, dodajte više boja, rotirajte gradijent, spremite i podijelite svoje kreacije. Preuzmite CSS kod izravno i besprijekorno integrirajte svoje gradijente u svoje projekte.

Uredite svoj gradijent

Naslov gradijenta je obavezan

Gradient Maker - Stvorite zapanjujuće linearne i radijalne gradijente | imagecolorpicker.com

Gradijent

Generirajte kodove boja, varijacije, harmonije i provjerite omjere kontrasta.

Generator i birač kodova boja

S lakoćom stvarajte prekrasne gradijente - prilagodite boje, smjerove i izvezite svoje kreacije.

Upravljajte i organizirajte svoje omiljene palete boja.

Vaše spremljene palete

Pogledajte i istražite ovaj zajednički gradijent.

Zajednički gradijent

Pogledajte i istražite ovu dijeljenu paletu.

Dijeljena paleta

Primijetili smo da koristite blokator oglasa. U redu je! Možete nas podržati malom donacijom kako biste ovaj alat održali besplatnim za milijune korisnika. Svaka kava nam pomaže u održavanju i poboljšanju usluge.

Otkriven blokator oglasa - Podržite nas kavom!

Pomoću online alata za odabir boja za slike iznad odaberite boju i dohvatite HTML kod boje ovog piksela. Također dobivate HEX vrijednost koda boje, RGB vrijednost i HSV vrijednost. Pod 'Koristi svoju sliku' možete prenijeti vlastitu sliku (na primjer, snimku zaslona radne površine), zalijepiti sliku iz međuspremnika, staviti URL slike u tekstualni okvir ispod. Ili upotrijebite URL web stranice, vidjet ćete minijaturu s lijeve strane.

Za korištenje ove značajke morate stvoriti BESPLATNI račun za imagecolorpicker. Nakon toga ćete imati pristup više funkcija.

Ispustite slikovnu datoteku za prijenos. Podržani formati: PNG, JPG, JPEG.

Prijenos slike

Birač boja: Pomoću ovog online alata možete prenijeti sliku ili dati URL web-mjesta i dobiti RGB boju, HEX boju i HSL kod boja. 👍

👍 Birač boja online | HEX birač boja | HTML birač boja

Ako koristite Mac ili računalo s trenutnim operativnim sustavom i trenutnim preglednikom, tada možete koristiti tu značajku. Safari, Edge, Firefox i Chrome smo testirali. Izgled se može malo razlikovati.

Ovu značajku možete koristiti 3 puta besplatno, a zatim pogledati kratku reklamu za još 3 korištenja. Vaša podrška nam pomaže da ovaj alat ostane besplatan za više od 3 milijuna korisnika diljem svijeta.

Pogledajte 15-sekundni oglas da biste ga nastavili besplatno koristiti

Ovu ste značajku koristili 3 puta!

Izradite besplatan račun kako biste preskočili oglase u bilo kojem trenutku

Još smo na samom početku našeg putovanja s odabirom boja, bit će još mnogo značajki, vrijedi.

Unesite svoju adresu e-pošte i poslat ćemo vam sigurnu poveznicu za prijavu.

Naslov palete je obavezan

Još niste spremili paletu boja. Spremite jedan i naći ćete ga ovdje.

Paleta boja koja je podijeljena s vama više ne postoji, autor ju je vjerojatno izbrisao. Obratite se osobi od koje ste dobili ovaj link.

Paleta

Naslov je obavezan

Organizirajte svoje boje, palete i gradijente u projekte i kolekcije

Moji projekti

Organizirajte svoje dizajnerske resurse u projekte

Ova web stranica izrađena je putem oglašavanja. Imate blokator. Razumijemo da nećete vidjeti oglase. Ova web stranica košta nas vođenja i održavanja. Jako smo sretni zbog svake kave!

Online alat za odabir boja sa slika, web stranica i vašeg zaslona. Odmah dobijte HEX, RGB i HSL kodove boja.

Online alat za izdvajanje kodova boja (HEX, RGB) iz slika i web stranica. 100% besplatno.

Nevjerojatni ljudi koji su nam nedavno kupili kavu. Hvala vam na podršci!

ImageColorPicker.com

Wall of

Nedavni podržavatelji ☕

What People Say About Us