Odredite boju piksela na slici na mreži. Odredite boju piksela na slici online Brojevi palete boja
Paleta boja i nijansi koje koriste umjetnici i dizajneri je jednostavno nevjerojatna. A zahvaljujući promjenjivim trendovima, fashionistice širom svijeta jednako marljivo proučavaju sheme boja, baš kao i modni časopisi. Da, svima poznato žuta pažljivijim razmatranjem deli se na: senf, zlato, limun, šafran, kanarinac, krušku, kukuruz, šartrezu, prolećni pupoljak, dalija žutu, mandarinu, antikno zlato... i ovo nije potpuna lista njegovih nijansi! Kako razumjeti postojeću raznolikost nijansi, i što je najvažnije - je li to uopće potrebno? Na kraju krajeva, percepcija boje je čisto subjektivna, na nju ne utiču samo kulturološki faktori, već i fiziološki (sposobnost oka da razlikuje nijanse boje; različiti ljudi nije isto po prirodi). Osim toga, nijansa može izgledati toplija ili hladnija u zavisnosti od boja koje je okružuju.
Hladne boje i nijanse
Da bi se jasno pokazao kontinuitet prijelaza boja i nijansi, koristi se kotač boja. Bazira se na tri boje: crvenoj, žutoj i plavoj. Kada ove boje međusobno miješamo, dobivamo međuboje: narandžastu, zelenu i ljubičastu. Sve ostale nijanse dobivaju se miješanjem ovih boja jedna s drugom, kao i sa crnom i bijelom.
Postoje tri glavna načina za prikazivanje kruga boja, iako su u suštini ista stvar.
Osnova hladnih boja je plavkasti podton. Ako, gledajući boju, možete zamisliti da kroz nju sija plava, siva ili - ova nijansa je hladna.
Hladne nijanse su:
- tamnocrvena;
- cochineal;
- grimiz;
- alizarin;
- grimizno;
- kardinal;
- magenta;
- patlidžan;
- glicinija;
- citric;
- taup;
- žad;
- akvamarin;
- indigo;
- pruska plava;
- gridperleft;
- antracit;
- Marengo.
Tople nijanse boja
Treba imati na umu da percepcija mnogih nijansi ovisi o bojama u blizini. Izraz “sve se zna u poređenju” vrlo je relevantan za temperaturu boje. Čak i među nijansama iste temperaturne skale možete pronaći toplije i hladnije nijanse. Najlakši način za usporedbu nijansi je s neutralnom (na primjer, bijelom). Tople nijanse boja će imati "sjaj" žute, crvene ili ružičaste.
To uključuje:
Osim toga, postoje i takozvane neutralne boje:
Za ispravnu kombinaciju boja i nijansi, trebali biste naučiti razlikovati tople tonove od hladnih. Postoje tri načina za kreiranje kompozicija boja.
Za prvu od njih bira se nekoliko nijansi iste boje. Ova metoda je pogodna za stvaranje diskretnih, elegantnih ansambala.
Za drugu, susjedne boje (nalaze se jedna pored druge na kotaču boja) se kombiniraju.
Treća metoda koristi komplementarne boje (nalaze se na suprotnim dijelovima kotača boja). Na taj način se dobijaju najupečatljivije, efektivnije kompozicije.
Kao što vidite, još uvijek vrijedi naučiti razlikovati tople i hladne boje i nijanse, ali uopće nije potrebno pamtiti nazive svakog od desetina tonova i polutonova. Čak i ako ste stilist ili dizajner, bit će lakše sa sobom nositi nekoliko paleta boja s imenima nego stalno imati na umu boje. Osim toga, mnogo je lakše pokazati primjer boje nego pokušati objasniti razliku između, na primjer, indijske crvene, lososa i svijetlog koralja.
Tablica (paleta) boja html daje vam mogućnost da samostalno odaberete ton koji vam je potreban. Vrijednost boje se prikazuje u tri formata: Hex, RGB i HSV.
- Heksadecimalni se sastoji od tri vrijednosti od dva znaka u heksadecimalnom brojevnom sistemu. Na primjer: #ff00b3, gdje je prvi par brojeva crven, drugi zelen, a treći plavi.
- RGB (RedGreenBlue) ima oblik "200,100,255", što ukazuje na količinu odgovarajućeg tona (crvena, zelena, plava) u rezultujućoj boji.
- HSV (Hue, Saturation, Value - ton, zasićenje, vrijednost) - model boje u kojem su koordinate:
- Nijansa - ton boje, može varirati od 0° do 360°.
- Saturation - zasićenje, varira od 0-100 ili 0-1. Što je ovaj parametar veći, to je boja „čistija“, zbog čega se ovaj parametar ponekad naziva čistoća boje. I što je ovaj parametar bliži nuli, to je boja bliža neutralno sivoj.
- Vrijednost (vrijednost boje) - postavlja svjetlinu, vrijednost također može varirati između 0-100 ili 0-1.
Unesite kod boje: GO
Lista boja sa nazivima
U tabeli su navedeni nazivi boja engleski(koje se mogu koristiti kao vrijednosti) koje podržavaju svi pretraživači i njihove heksadecimalne vrijednosti. Sve navedene boje su „sigurne“, što znači da će se pojaviti iste u svim pretraživačima.
Naziv boje | HEX | Boja |
---|---|---|
Crno | #000000 | |
mornarica | #000080 | |
Tamnoplava | #00008B | |
Srednje plava | #0000CD | |
Plava | #0000FF | |
Tamnozelena | #006400 | |
Zeleno | #008000 | |
Teal | #008080 | |
DarkCyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
DarkTurquoise | #00CED1 | |
MediumSpringGreen | #00FA9A | |
Lime | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
Cyan | #00FFFF | |
Ponoćno plavo | #191970 | |
Dodger Blue | #1E90FF | |
LightSeaGreen | #20B2AA | |
ForestGreen | #228B22 | |
SeaGreen | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
LimeGreen | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Tirkizna | #40E0D0 | |
Royal Blue | #4169E1 | |
SteelBlue | #4682B4 | |
DarkSlateBlue | #483D8B | |
MediumTurquoise | #48D1CC | |
Indigo | #4B0082 | |
DarkOliveGreen | #556B2F | |
CadetBlue | #5F9EA0 | |
CornflowerBlue | #6495ED | |
MediumAquaMarine | #66CDAA | |
DimGray | #696969 | |
Slate Blue | #6A5ACD | |
OliveDrab | #6B8E23 | |
Slate Grey | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
LawnGreen | #7CFC00 | |
Chartreuse | #7FFF00 | |
Akvamarin | #7FFFD4 | |
Maroon | #800000 | |
Ljubičasta | #800080 | |
Maslina | #808000 | |
Grey | #808080 | |
Sky Blue | #87CEEB | |
LightSkyBlue | #87CEFA | |
BlueViolet | #8A2BE2 | |
DarkRed | #8B0000 | |
DarkMagenta | #8B008B | |
SaddleBrown | #8B4513 | |
DarkSeaGreen | #8FBC8F | |
LightGreen | #90EE90 | |
MediumPurple | #9370D8 | |
DarkViolet | #9400D3 | |
PaleGreen | #98FB98 | |
DarkOrchid | #9932CC | |
YellowGreen | #9ACD32 | |
Sienna | #A0522D | |
Brown | #A52A2A | |
DarkGray | #A9A9A9 | |
Svijetlo plava | #ADD8E6 | |
GreenYellow | #ADFF2F | |
PaleTurquoise | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
PowderBlue | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
MediumOrchid | #BA55D3 | |
RosyBrown | #BC8F8F | |
Dark Khaki | #BDB76B | |
Srebro | #C0C0C0 | |
MediumVioletRed | #C71585 | |
IndianRed | #CD5C5C | |
Peru | #CD853F | |
Čokolada | #D2691E | |
Tan | #D2B48C | |
LightGray | #D3D3D3 | |
PaleVioletRed | #D87093 | |
Thistle | #D8BFD8 | |
Orhideja | #DA70D6 | |
GoldenRod | #DAA520 | |
Crimson | #DC143C | |
Gainsboro | #DCDCDC | |
Šljiva | #DDA0DD | |
BurlyWood | #DEB887 | |
LightCyan | #E0FFFF | |
Lavanda | #E6E6FA | |
DarkSalmon | #E9967A | |
Violet | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Kaki | #F0E68C | |
AliceBlue | #F0F8FF | |
HoneyDew | #F0FFF0 | |
Azure | #F0FFFF | |
SandyBrown | #F4A460 | |
Pšenica | #F5DEB3 | |
Bež | #F5F5DC | |
WhiteSmoke | #F5F5F5 | |
MintCream | #F5FFFA | |
GhostWhite | #F8F8FF | |
Losos | #FA8072 | |
AntiqueWhite | #FAEBD7 | |
Posteljina | #FAF0E6 | |
LightGoldenRodYellow | #FAFAD2 | |
OldLace | #FDF5E6 | |
Crveni | #FF0000 | |
Fuksija | #FF00FF | |
Magenta | #FF00FF | |
DeepPink | #FF1493 | |
OrangeRed | #FF4500 | |
Paradajz | #FF6347 | |
HotPink | #FF69B4 | |
Coral | #FF7F50 | |
Darkorange | #FF8C00 | |
LightSalmon | #FFA07A | |
Narandžasta | #FFA500 | |
LightPink | #FFB6C1 | |
Pink | #FFC0CB | |
Zlato | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Mokasina | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blanširani badem | #FFEBCD | |
PapayaWhip | #FFEFD5 | |
LavenderBlush | #FFF0F5 | |
SeaShell | #FFF5EE | |
Cornssilk | #FFF8DC | |
LemonChiffon | #FFFACD | |
FloralWhite | #FFFAF0 | |
Snijeg | #FFFAFA | |
Žuta | #FFFF00 | |
LightYellow | #FFFFE0 | |
Ivory | #FFFFFF0 | |
Bijelo | #FFFFFF |
HEX/HTML
HEX boja nije ništa drugo do heksadecimalni prikaz RGB-a.
Boje su predstavljene kao tri grupe heksadecimalnih cifara, pri čemu je svaka grupa odgovorna za svoju boju: #112233, gdje je 11 crvena, 22 zelena, 33 plava. Sve vrijednosti moraju biti između 00 i FF.
Mnoge aplikacije dozvoljavaju skraćeni oblik heksadecimalne oznake boja. Ako svaka od tri grupe sadrži iste znakove, na primjer #112233, onda se mogu napisati kao #123.
- h1 ( boja: #ff0000; ) /* crvena */
- h2 ( boja: #00ff00; ) /* zelena */
- h3 ( boja: #0000ff; ) /* plava */
- h4 ( boja: #00f; ) /* ista plava, skraćenica */
RGB
RGB (crvena, zelena, plava) prostor boja sastoji se od svih mogućih boja koje se mogu stvoriti miješanjem crvene, zelene i plave. Ovaj model je popularan u fotografiji, televiziji i kompjuterskoj grafici.
RGB vrijednosti su specificirane kao cijeli broj od 0 do 255. Na primjer, rgb(0,0,255) se prikazuje kao plava jer je plavi parametar postavljen na najveću vrijednost (255), a ostali na 0.
Neke aplikacije (posebno web pretraživači) podržavaju procentualno snimanje RGB vrijednosti (od 0% do 100%).
- h1 ( boja: rgb(255, 0, 0); ) /* crvena */
- h2 ( boja: rgb(0, 255, 0); ) /* zelena */
- h3 ( boja: rgb(0, 0, 255); ) /* plava */
- h4 ( boja: rgb(0%, 0%, 100%); ) /* ista plava, unos postotka */
RGB vrijednosti boja su podržane u svim glavnim pretraživačima.
RGBA
Nedavno su moderni pretraživači naučili da rade sa RGBA modelom boja - proširenjem RGB-a sa podrškom za alfa kanal, koji određuje neprozirnost objekta.
Vrijednost RGBA boje je specificirana kao: rgba(crvena, zelena, plava, alfa). Alfa parametar je broj u rasponu od 0,0 (potpuno transparentan) do 1,0 (potpuno neproziran).
- h1 ( boja: rgb(0, 0, 255); ) /* plava u regularnom RGB */
- h2 ( boja: rgba(0, 0, 255, 1); ) /* ista plava u RGBA, jer neprozirnost: 100% */
- h3 ( boja: rgba(0, 0, 255, 0.5); ) /* neprozirnost: 50% */
- h4 ( boja: rgba(0, 0, 255, .155); ) /* neprozirnost: 15,5% */
- h5 ( boja: rgba(0, 0, 255, 0); ) /* potpuno transparentan */
RGBA je podržan u IE9+, Firefoxu 3+, Chromeu, Safariju i Operi 10+.
HSL
HSL model boja je prikaz RGB modela u cilindričnom koordinatnom sistemu. HSL predstavlja boje na intuitivniji i čitljiviji način od tipičnog RGB-a. Model se često koristi u grafičkim aplikacijama, paletama boja i analizi slike.
HSL je skraćenica za Hue (boja/nijansa), Saturation (zasićenost), Lightness/Luminance (svjetlina/svjetlina/svjetlina, ne treba se brkati sa svjetlinom).
Nijansa određuje položaj boje na krugu boja (od 0 do 360). Zasićenost je procentualna vrijednost zasićenja (od 0% do 100%). Lakoća je procenat lakoće (od 0% do 100%).
- h1 ( boja: hsl(120, 100%, 50%); ) /* zelena */
- h2 ( boja: hsl(120, 100%, 75%); ) /* svijetlo zelena */
- h3 ( boja: hsl(120, 100%, 25%); ) /* tamno zelena */
- h4 ( boja: hsl(120, 60%, 70%); ) /* pastelno zelena */
HSL je podržan u IE9+, Firefoxu, Chromeu, Safariju i Operi 10+.
HSLA
Slično RGB/RGBA, HSL ima HSLA način rada koji podržava alfa kanal za označavanje neprozirnosti objekta.
HSLA vrijednost boje je specificirana kao: hsla(hue, saturation, lightness, alpha). Alfa parametar je broj u rasponu od 0,0 (potpuno transparentan) do 1,0 (potpuno neproziran).
- h1 ( boja: hsl(120, 100%, 50%); ) /* zelena u normalnom HSL */
- h2 ( boja: hsla(120, 100%, 50%, 1); ) /* ista zelena u HSLA, jer neprozirnost: 100% */
- h3 ( boja: hsla(120, 100%, 50%, 0,5); ) /* neprozirnost: 50% */
- h4 ( boja: hsla(120, 100%, 50%, .155); ) /* neprozirnost: 15,5% */
- h5 ( boja: hsla(120, 100%, 50%, 0); ) /* potpuno transparentan */
CMYK
CMYK model boja se često povezuje sa štampanjem i štampanjem u boji. CMYK (za razliku od RGB) je subtraktivan model, što znači da su veće vrijednosti povezane s tamnijim bojama.
Boje su određene omjerom cijan (Cyan), magenta (Magenta), žuta (Yellow), uz dodatak crne (Key/blackK).
Svaki od brojeva koji definiraju boju u CMYK-u predstavlja postotak mastila date boje koji čini kombinaciju boja, tačnije, veličinu tačke na ekranu koja se štampa na fototipografskoj mašini na filmu date boje ( ili direktno na ploču za štampanje u slučaju CTP).
Na primjer, da biste dobili PANTONE 7526 boju, pomiješajte 9 dijelova cijan, 83 dijela magenta, 100 - žuta boja, i 46 - crna. To se može označiti na sljedeći način: (9,83,100,46). Ponekad se koriste sljedeće oznake: C9M83Y100K46, ili (9%, 83%, 100%, 46%), ili (0,09/0,83/1,0/0,46).
HSB/HSV
HSB (također poznat kao HSV) je sličan HSL-u, ali su to dva različita modela boja. Oba su zasnovana na cilindričnoj geometriji, ali je HSB/HSV baziran na modelu "hexcone", dok je HSL zasnovan na "bi-hexcone" modelu. Umjetnici često radije koriste ovaj model, općenito je prihvaćeno da je HSB/HSV uređaj bliži prirodnoj percepciji boja. Konkretno, model boja HSB se koristi u Adobe Photoshopu.
HSB/HSV je skraćenica za Hue (boja/nijansa), Saturation (zasićenost), Brightness/Value (svjetlina/vrijednost).
Nijansa određuje položaj boje na krugu boja (od 0 do 360). Zasićenost je procentualna vrijednost zasićenja (od 0% do 100%). Svjetlina je postotak svjetline (od 0% do 100%).
XYZ
Model boja XYZ (CIE 1931 XYZ) je čisto matematički prostor. Za razliku od RGB, CMYK i drugih modela, u XYZ su glavne komponente „imaginarne“, što znači da ne možete povezati X, Y i Z ni sa jednim skupom boja za miješanje. XYZ je glavni model za gotovo sve druge modele boja koji se koriste u tehničkim poljima.
LAB
LAB model boja (CIELAB, “CIE 1976 L*a*b*”) se izračunava iz CIE XYZ prostora. Cilj Lab dizajna bio je stvoriti prostor boja u kojem bi promjene boja bile linearnije u smislu ljudske percepcije (u poređenju sa XYZ), odnosno da bi ista promjena u vrijednostima koordinata boja u različitim dijelovima prostora boja bila proizvesti isti osjećaj promjene boje.
Kada radite sa slikama, često morate precizno odrediti boju piksela. Ovo je potrebno za korekciju slike ili u dizajnerskom radu za podešavanje sheme boja pozadine, panela ili dugmadi vaše internet stranice ili web stranice.
Ova usluga će vam omogućiti da saznate boju tačke na mreži bez preuzimanja i instalacije dodatni programi. Radeći u našem online servisu kapaljki, možete brzo i lako saznati boju bilo kojeg dijela slike.
Da biste to učinili, morate postaviti sliku na stranicu. Za preuzimanje datoteke kliknite na dugme "Pretraži". Odaberite potreban fajl sa slikom i kliknite na "Preuzmi". Čim se slika učita, vidjet ćete je na ekranu. Zatim morate da pomerite kursor preko piksela čiju boju želite da odredite. U posebnom prozoru moći ćete vidjeti boju piksela, a polje Trenutna vrijednost će prikazati odgovarajući broj piksela u HTML i RGB boji piksela.
Usluga omogućava čuvanje koda boje u HTML i RGB formatu boja. Da biste to učinili, morate pomaknuti kursor preko željenog piksela i kliknuti lijevom tipkom miša. U polju „Sačuvane vrednosti“ u posebnom prozoru možete videti boju piksela, kao i sačuvane vrednosti koda piksela u HTML i RGB formatu boja.
Recenzije
Da izgleda dobro, hvala |
Normalno |
remek-djelo |
težina |
Puno smo vam pomogli loys |