Pleacă ceva spre un server

Nu. Selectorul, constructorul de degradeuri și pipeta rulează în browserul tău, iar istoricul stă în stocarea locală a dispozitivului tău.

HEX, RGB și RGBA, HSL, HSV, CMYK, XYZ, LAB și LCH, plus o declarație CSS gata de folosit atât pentru culori pline, cât și pentru degradeuri.

De ce nu apare pipeta de ecran

Se bazează pe API-ul EyeDropper al browserului, care nu există peste tot. Când lipsește, încarcă o imagine și ia culoarea din ea.

Cum sunt alese culorile în trend

Din utilizarea observată, nu dintr-o prognoză: ce culori sunt alese și cât de des, pe parcursul unui an.

Pot folosi aceste culori comercial

Da. O valoare de culoare nu aparține nimănui, așa că tot ce copiezi aici poate intra direct în munca ta.

Alege o culoare, ia codul și treci mai departe

Selector de culoare, constructor de degradeuri și pipetă pentru imagini într-o singură pagină. Fără cont, fără instalare și fără așteptare: alege o nuanță și copiaz-o ca HEX, RGB, HSL sau HSV.

Deschide pagina culorii

Coduri de culoare

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

Culori în trend

Vezi toate culorile în trend

Ce găsești aici

Pipetă

Ia culori dintr-o imagine încărcată sau de oriunde de pe ecran acolo unde browserul permite. Lasă un fișier pe pagină și dă clic pe un pixel.

Conversie de formate

Treci instantaneu între HEX, RGB, HSL, HSV, CMYK, XYZ, LAB și LCH și copiază orice valoare direct în CSS sau în unealta ta de design.

Constructor de degradeuri

Adaugă și trage opriri pe bară, comută între liniar și radial, reglează unghiul și opacitatea, apoi copiază CSS-ul final.

Istoric culori

Fiecare culoare și degrade rămâne în browserul tău, ca să revii la ele mai târziu sau să le refolosești în alt proiect.

Armonii și variații

Fiecare pagină de culoare arată nuanțe deschise și închise și șase scheme de armonie, și transformă oricare dintre ele în degrade dintr-un clic.

Gratuit și privat

Fără plată și fără urmărirea a ceea ce alegi. Imaginile încărcate sunt citite în browser și nu pleacă nicăieri.

Pentru cine este

Designeri și echipe de produs: Când schițezi o interfață sau o paletă de brand, încerci combinații și copiezi CSS-ul exact al unui degrade.
Ilustrație și pictură: Pentru a lua culori din fotografii și tablouri cu pipeta și a planifica treceri fine.
Dezvoltare front-end: Pentru valori de culoare consecvente într-un proiect și pentru a le citi dintr-un design existent.
Cine verifică accesibilitatea: Pentru a compara o culoare între modele și a o ajusta până când raportul de contrast trece pragul necesar.

Cum se folosește

1
Alege o culoare
Dă clic oriunde în câmpul de saturație, apoi ajustează fin cu glisoarele de nuanță și transparență. HEX, RGB și HSV se actualizează pe parcurs.
2
Ia culoarea dintr-o imagine
Trage o imagine pe pagină sau alege un fișier, apoi dă clic pe pixelul dorit. Codurile apar imediat.
3
Construiește un degrade
Dă clic pe bară ca să adaugi o oprire și trage-o la locul ei. Comută între liniar și radial, apoi setează unghiul.
4
Copiază și refolosește
Copiază valoarea sau întreaga declarație CSS. Tot ce alegi se salvează automat în istoric.

Întrebări frecvente

O unealtă mică ce nu stă în cale

A început ca un utilitar intern: voiam să luăm o culoare, să o ajustăm și să mergem mai departe, fără să deschidem întâi un program greu de design. Este intenționat o singură pagină, intenționat rapidă, și va rămâne gratuită.

Extensii de browser

Preferi să iei culori direct din paginile pe care le vizitezi? Extensiile pentru Chrome și Edge adaugă o pipetă în bara de instrumente, își țin propriul istoric și deschid această unealtă dintr-un clic.

Deschide Chrome Web Store Deschide suplimentele Microsoft Edge