Dobrodošao nazad

Odaberite koju vrstu stavke želite dodati u ovu kolekciju

Dodajte kolekciju da biste organizirali svoje stavke

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 krugu boja, udaljene 30 stepeni. Glatki prelazi.

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 kako biste prenijeli informacije.

Bolji dizajn

Plavo-žuta sljepoća (Tritanopija)

Kod boje

Provjera kontrasta

Provjerite kako boju percipiraju ljudi s različitim vrstama sljepoće za boje kako biste kreirali pristupačnije dizajne. Razumijevanje percepcije boja pomaže u osiguravanju 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

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

Registrujte se za pristup Simulatoru sljepoće

Ovako boja izgleda kod normalnog vida boja.

Crveno-zeleno sljepilo (Protanopija)

Povezani alati za pristupačnost

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

Utjecaj

Simulator sljepoće

Potpuno sljepilo za boje

Akromatomalija

Akromatopsija

Deuteranomalija

Deuteranopija

Protanomalija

Protanopija

Tritanomalija

Tritanopija

Sljepoća između crveno-zelenih tonova je najčešća i utiče na to kako se percipiraju 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 efekte. Savršen je 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 zasnovanih na podacima i profesionalnih primjena teorije boja.

Razumijevanje analize boja

Profesionalni uvidi u boje i harmoniju

Kompletna 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 pod različitim uslovima gledanja.

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

Dizajn i brendiranje

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

Harmonije boja

Kreirajte besplatan račun da biste vidjeli sveobuhvatnu analizu i metriku boja.

Registrujte 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 proračune luminancije

Tehničke metrike

Generator paleta

Razumjeti kako boje izgledaju pod različitim uslovima 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 utiču na ponašanje i percepciju korisnika

Psihologija boja

Povezani alati za boje

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

Naučna 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 koji se fokusiraju 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 njena suprotnost na krugu boja, +180 stepeni nijanse. Visok kontrast.

Značenja boja variraju u različitim kulturama, noseći različita simbolička značenja širom svijeta.

Kultura

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

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

Registrujte se za pristup Kreativnim aspektima

Prirodne pojave boja inspirišu dizajn i povezuju nas sa okolinom.

Priroda

Boje utiču na emocije i ponašanje putem psiholoških asocijacija koje se razvijaju tokom vremena.

Psihologija

Kreativni aspekti

Kliknite na bilo koju boju da biste kopirali njenu 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 sa vrijednostima luminancije +/-50%. Suptilno i profinjeno.

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

Razvoj

Konvertujte boje u praktične formate za stvarne primjene, uključujući simulaciju štampanja, LED displeje, izlaz terminala i kodiranje podataka. Ovi formati vam pomažu da implementirate boje na različitim medijima, platformama i fizičkim uređajima.

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

Digitalni displeji

Kreirajte besplatan račun da biste pregledali i kopirali sve praktične vrijednosti formata boja.

Prijavite se za pristup praktičnim formatima

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

Štampa i produkcija

Praktični formati

Ostvarite trenutni pristup svim konverzijama formata boja za svoje projekte.

Pristup svim praktičnim formatima

Tamnije varijacije nastaju dodavanjem crne osnovnoj boji.

Jedna boja i dvije susjedne njenom komplementu, +/-30 stepeni nijanse od vrijednosti suprotne glavnoj boji. Podebljano kao direktni komplement, ali svestranije.

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

Profesionalni radni procesi zahtijevaju specifične formate boja radi dosljednosti na različitim uređajima i medijima.

Industrijski standardi

Kreirajte besplatan račun da biste pregledali i kopirali sve vrijednosti formata tehničkih boja.

Registrujte se za pristup tehničkim formatima

Tehnički formati

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

Otključaj sve tehničke formate

Različiti prostori boja su optimizovani za specifične svrhe - od tačne reprodukcije boja do efikasne kompresije podataka.

Zašto koristiti tehničke formate

Dva seta komplementarnih boja, razdvojena za 60 stepeni nijanse.

Svjetlije varijacije nastaju dodavanjem bijele osnovnoj boji.

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

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

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

Koristite nijanse za stanja lebdenja i sjene, a nijanse za istaknute dijelove i pozadine.

Kontaktirajte nas

Podesite klizače da biste poboljšali kontrast teksta za bolju čitljivost

Ovo je običan 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č da odaberete boju. Smjernice za pristupačnost web sadržaja (WCAG) imaju posebne smjernice koje pomažu u otkrivanju da li je tekst čitljiv za korisnike koji vide. Ovaj kriterij koristi određeni algoritam za mapiranje kombinacija boja u uporedive omjere. Koristeći ovu formulu, WCAG navodi da je omjer kontrasta boja 4,5:1 s tekstom i njegovom pozadinom adekvatan za običan (telesni) tekst, a veliki tekst (18+ pt regular, ili 14+ pt bold) treba da ima najmanje 3: 1 omjer kontrasta boja.

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

Provjera kontrasta boja: Pomoću ovog online alata možete dobiti detalje o omjeru kontrasta teksta i boja pozadine 123456. 

Provjera kontrasta boja: 123456

Ovo pokazuje kako boje izgledaju kada su invertovane, korisno za tamni/svijetli režim.

Pregled naslova

Ovo je kratak tekst za provjeru čitljivosti.

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

Registrujte se besplatno da biste pristupili 5 inteligentnih prijedloga boja koje održavaju živost, a istovremeno ispunjavaju 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. Potreban za većinu web stranica.

Nivoi usklađenosti sa 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 funkciju potrebno je da kreirate BESPLATNI račun za imagecolorpicker. Nakon toga ćete imati pristup više funkcija.

Kreirajte novu paletu

Upravljajte sačuvanim paletama i gradijentima

Pregled i upravljanje sačuvanim gradijentima

Vaši gradijenti

Pregled i upravljanje sačuvanim paletama boja

Vaše palete

Kontrolna ploča

Uredite svoju paletu

Kreirajte zapanjujuće gradijente uz Gradient Maker sa imagecolorpicker.com. Birajte između linearnih i radijalnih gradijenata, dodajte više boja, rotirajte gradijent, spremite i podijelite svoje kreacije. Preuzmite CSS kod direktno i neprimetno integrirajte svoje gradijente u svoje projekte.

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

Uredite svoj gradijent

Naslov gradijenta je obavezan

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

Gradijent

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

Generator i birač kodova boja

Kreirajte prekrasne gradijente s lakoćom - prilagodite boje, smjerove i izvezite svoje kreacije.

Upravljajte i organizirajte svoje omiljene palete boja.

Vaše sačuvane 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 milione korisnika. Svaka kafa nam pomaže da održavamo i poboljšavamo uslugu.

Otkriven je blokator oglasa - Podržite nas kafom!

Koristite online alat za odabir boja za slike iznad da biste odabrali boju i dobili HTML kod boje ovog piksela. Također dobijate HEX vrijednost koda boje, RGB vrijednost i HSV vrijednost. Pod 'Koristi svoju sliku' možete otpremiti vlastitu sliku (na primjer, snimak ekrana vaše radne površine), zalijepiti sliku iz međuspremnika, staviti URL slike u tekstualno polje ispod. Ili koristite URL web stranice, vidjet ćete sličicu s lijeve strane.

Prebacite slikovnu datoteku. Podržani formati: PNG, JPG, JPEG.

Otpremanje slike

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

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

Ako koristite Mac ili računar sa trenutnim operativnim sistemom i trenutnim pretraživačem, možete koristiti ovu funkciju. Safari, Edge, Firefox i Chrome smo testirali. Izgled se može neznatno razlikovati.

Ovu funkciju 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 miliona korisnika širom svijeta.

Pogledajte 15-sekundnu reklamu da biste je nastavili koristiti besplatno

Koristili ste ovu funkciju 3 puta!

Kreirajte besplatan račun da biste preskočili reklame u bilo kojem trenutku

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

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

Naslov palete je obavezan

Još niste spremili paletu boja. Sačuvajte jedan i naći ćete ga ovdje.

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

Paleta

Naslov je obavezan

Organizujte svoje boje, palete i gradijente u projekte i kolekcije

Moji projekti

Organizujte svoje dizajnerske resurse u projekte

Ova web stranica je napravljena putem oglašavanja. Imate blokator. Razumijemo da nećete vidjeti oglase. Ova web stranica nas košta rada i održavanja. Presretni smo zbog svake kave!

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

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

Divni ljudi koji su nam nedavno kupili kafu. Hvala vam na podršci!

ImageColorPicker.com

Kontaktirajte nas