Ali gre kaj na strežnik

Ne. Izbirnik, sestavljalnik prelivov in kapalka tečejo v vašem brskalniku, zgodovina pa je v lokalni shrambi vaše naprave.

Katere zapise lahko kopiram

HEX, RGB in RGBA, HSL, HSV, CMYK, XYZ, LAB in LCH ter pripravljeno deklaracijo CSS za polne barve in za prelive.

Zakaj se kapalka za zaslon ne pokaže

Naslanja se na brskalnikov vmesnik EyeDropper, ki ga ni povsod. Kadar ga ni, naložite sliko in barvo zajemite z nje.

Kako izbirate priljubljene barve

Iz opažene rabe in ne iz napovedi: katere barve se izbirajo in kako pogosto v teku leta.

Ali jih smem uporabiti komercialno

Da. Barvna vrednost ni od nikogar, zato lahko vse, kar tu skopirate, takoj vključite v svoje delo.

Izberite barvo, vzemite kodo in nadaljujte z delom

Izbirnik barve, sestavljalnik prelivov in kapalka za slike na eni strani. Brez računa, brez namestitve in brez čakanja: izberite odtenek in ga kopirajte kot HEX, RGB, HSL ali HSV.

Odpri stran barve

Kode barve

HEX#0F37FF

RGBrgb(15, 55, 255)

HSLhsl(230°, 100%, 52.94%)

HSVhsv(230°, 94.12%, 100%)

CMYKcmyk(94.12%, 78.43%, 0%, 0%)

XYZxyz(19.61, 10.05, 95.5)

LABlab(37.93, 62.96, -98.45)

LCHlch(37.93, 116.86, 302.6°)

Priljubljene barve

Poglej vse priljubljene barve

Kaj je notri

Kapalka

Zajemite barve z naložene slike ali s česar koli na zaslonu tam, kjer brskalnik to dopušča. Spustite datoteko na stran in kliknite slikovno piko.

Pretvorba zapisov

Takoj preklapljajte med HEX, RGB, HSL, HSV, CMYK, XYZ, LAB in LCH ter katero koli vrednost kopirajte naravnost v CSS ali v svoje oblikovalsko orodje.

Sestavljalnik prelivov

Dodajajte in vlecite postaje po traku, preklapljajte med linearnim in krožnim, nastavite kot in prekrivnost ter kopirajte končni CSS.

Zgodovina barv

Vsaka barva in preliv, ki ju naredite, ostaneta v vašem brskalniku, da se lahko k njima vrnete ali ju uporabite v drugem projektu.

Harmonije in različice

Vsaka stran barve prikazuje svetlejše in temnejše odtenke ter šest harmonijskih shem, katero koli od njih pa z enim klikom spremeni v preliv.

Brezplačno in zasebno

Brez plačljivega zidu in brez sledenja temu, kar izberete. Naložene slike se berejo v brskalniku in nikamor ne odidejo.

Komu je namenjeno

Oblikovalci in produktne ekipe: Pri skiciranju vmesnika ali znamčne palete, preizkušanju kombinacij in kopiranju natančnega CSS za preliv.
Ilustracija in slikarstvo: Za zajemanje barv s fotografij in slik s kapalko ter načrtovanje mehkih prehodov.
Razvoj vmesnikov: Za dosledne barvne vrednosti skozi projekt in njihovo odčitavanje iz obstoječega oblikovanja.
Preverjanje dostopnosti: Za primerjavo barve med modeli in njeno prilagajanje, dokler razmerje kontrasta ne preseže potrebnega praga.

Kako se uporablja

1
Izberite barvo
Kliknite kamor koli v polje nasičenosti, nato izpilite z drsnikoma za odtenek in prekrivnost. HEX, RGB in HSV se sproti posodabljajo.
2
Zajemite s slike
Povlecite sliko na stran ali izberite datoteko, nato kliknite želeno slikovno piko. Kode se pokažejo takoj.
3
Sestavite preliv
Kliknite trak, da dodate postajo, in jo povlecite na mesto. Preklopite med linearnim in krožnim ter nastavite kot.
4
Kopirajte in uporabite
Kopirajte vrednost ali celotno deklaracijo CSS. Vse, kar izberete, se samodejno shrani v zgodovino.

Pogosta vprašanja

Majhno orodje, ki ni v napoto

Začelo se je kot interni pripomoček: hoteli smo pobrati barvo, jo popraviti in iti naprej, ne da bi prej odpirali težek oblikovalski program. Namenoma je ena sama stran, namenoma hitra, in ostala bo brezplačna.

Razširitve brskalnika

Bi barve raje zajemali neposredno s strani, ki jih obiskujete? Razširitvi za Chrome in Edge dodata kapalko v orodno vrstico, vodita svojo zgodovino in odpreta to orodje z enim klikom.

Odpri Chrome Web Store Odpri dodatke Microsoft Edge