Dobrodošao nazad

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)

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.

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)

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

Utjecaj

Simulator sljepoće

Potpuno sljepilo za boje

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

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.

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

Registrujte se za pristup analizi boja

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

Perceptivna svojstva

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

Naučna analiza

Analiza boja

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

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

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

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.

Alat za izradu gradijenta

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!

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

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.

ImageColorPicker.com

Generator i birač kodova boja

Konverzija boja

#ca4e4e

Varijacije

Nijanse

Nijanse

Uobičajeni slučajevi upotrebe

Savjet za sistem dizajna

Kombinacije boja

Kako koristiti

Zašto je to važno

Komplement

Split-komplementarni

Trijadski

Analogno

Monohromatski

Tetradni

Principi teorije boja

Stanje

Kontrast

Harmonija

Color Contrast Checker

Boja teksta

Boja pozadine