Vai kaut kas tiek sūtīts uz serveri

Nē. Atlasītājs, gradientu veidotājs un attēlu pipete darbojas jūsu pārlūkā, bet vēsture glabājas jūsu ierīces vietējā krātuvē.

Kādus formātus varu kopēt

HEX, RGB un RGBA, HSL, HSV, CMYK, XYZ, LAB un LCH, kā arī gatavu CSS deklarāciju gan vienlaidu krāsai, gan gradientam.

Kāpēc neparādās ekrāna pipete

Tā balstās uz pārlūka EyeDropper saskarni, kuras nav visur. Ja tās nav, augšupielādējiet attēlu un ņemiet krāsu no tā.

Kā tiek izvēlētas populārās krāsas

No novērotā lietojuma, nevis no prognozes: kuras krāsas tiek izvēlētas un cik bieži gada laikā.

Vai šīs krāsas drīkst lietot komerciāli

Drīkst. Krāsas vērtība nevienam nepieder, tāpēc viss, ko šeit nokopējat, var doties tieši jūsu darbā.

Izvēlieties krāsu, paņemiet kodu un atgriezieties pie darba

Krāsu atlasītājs, gradientu veidotājs un attēlu pipete vienā lapā. Bez konta, bez uzstādīšanas un bez gaidīšanas: izvēlieties toni un nokopējiet to kā HEX, RGB, HSL vai HSV.

Atvērt krāsas lapu

Krāsu kodi

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°)

Populārās krāsas

Skatīt visas populārās krāsas

Kas ir iekšā

Pipete

Ņemiet krāsas no augšupielādēta attēla vai no jebkā uz ekrāna tur, kur pārlūks to atļauj. Nometiet failu uz lapas un noklikšķiniet uz pikseļa.

Formātu pārveide

Pārslēdzieties uzreiz starp HEX, RGB, HSL, HSV, CMYK, XYZ, LAB un LCH un kopējiet jebkuru vērtību tieši CSS vai savā dizaina rīkā.

Gradientu veidotājs

Pievienojiet un velciet pieturas pa joslu, pārslēdziet lineāro un radiālo, iestatiet leņķi un necaurspīdīgumu un nokopējiet gatavo CSS.

Krāsu vēsture

Katra jūsu izveidotā krāsa un gradients paliek jūsu pārlūkā, lai pie tiem varētu atgriezties vēlāk vai izmantot citā projektā.

Saskaņas un varianti

Katrā krāsas lapā ir gaišākie un tumšākie toņi un sešas saskaņas shēmas, un jebkuru no tām ar vienu klikšķi pārvērš par gradientu.

Bez maksas un privāti

Nav maksas sienas un nav izsekošanas tam, ko izvēlaties. Augšupielādētie attēli tiek nolasīti pārlūkā un nekur nenonāk.

Kam tas domāts

Dizaineriem un produktu komandām: Kad skicē saskarni vai zīmola paleti, izmēģina salikumus un kopē precīzu gradienta CSS.
Ilustrācijai un glezniecībai: Lai ar pipeti ņemtu krāsas no fotogrāfijām un gleznām un plānotu maigas pārejas.
Front-end izstrādei: Lai visā projektā iegūtu saskaņotas krāsu vērtības un nolasītu tās no jau esoša dizaina.
Piekļūstamības pārbaudei: Lai salīdzinātu krāsu dažādos modeļos un pielāgotu to, līdz kontrasta attiecība pārsniedz vajadzīgo slieksni.

Kā lietot

1
Izvēlieties krāsu
Noklikšķiniet jebkur piesātinājuma laukā, tad precizējiet ar toņa un caurspīdīguma slīdņiem. HEX, RGB un HSV atjaunojas līdzi.
2
Paņemiet no attēla
Ievelciet attēlu lapā vai izvēlieties failu, tad noklikšķiniet uz vajadzīgā pikseļa. Kodi parādās uzreiz.
3
Salieciet gradientu
Noklikšķiniet uz joslas, lai pievienotu pieturu, un velciet to vietā. Pārslēdziet lineāro vai radiālo un iestatiet leņķi.
4
Kopējiet un izmantojiet
Kopējiet vērtību vai visu CSS deklarāciju. Viss izvēlētais tiek saglabāts vēsturē pats no sevis.

Biežākie jautājumi

Mazs rīks, kas nestāv ceļā

Viss sākās kā iekšējs palīglīdzeklis: gribējām paņemt krāsu, to piestrādāt un doties tālāk, iepriekš neatverot smagu dizaina programmu. Tā apzināti ir viena lapa, apzināti ātra, un tā paliks bez maksas.

Pārlūka paplašinājumi

Labāk ņemtu krāsas tieši no lapām, kuras apmeklējat? Chrome un Edge paplašinājumi pievieno pipeti rīkjoslā, uztur savu vēsturi un atver šo rīku ar vienu klikšķi.

Atvērt Chrome interneta veikalu Atvērt Microsoft Edge pievienojumprogrammas