S'envia res a un servidor

No. El selector, el constructor de degradats i el comptagotes funcionen al teu navegador, i l'historial es desa a l'emmagatzematge local del teu dispositiu.

Quins formats puc copiar

HEX, RGB i RGBA, HSL, HSV, CMYK, XYZ, LAB i LCH, a més d'una declaració CSS a punt per fer servir tant per a colors plans com per a degradats.

Per què no apareix el comptagotes de pantalla

Depèn de l'API EyeDropper del navegador, que no hi és a tot arreu. Quan falta, pots pujar una imatge i capturar-ne el color.

Com es trien els colors en tendència

A partir de l'ús observat i no d'un pronòstic: quins colors es trien, i amb quina freqüència, al llarg d'un any.

Puc fer servir aquests colors comercialment

Sí. Un valor de color no és de ningú, així que tot el que copiïs aquí pot anar directe a la teva feina.

Tria un color, agafa el codi i torna a la feina

Selector de color, constructor de degradats i comptagotes d'imatges en una sola pàgina. Sense compte, sense instal·lació i sense esperes: tria un to i copia'l com a HEX, RGB, HSL o HSV.

Obre la pàgina del color

Codis de color

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

Colors en tendència

Mira tots els colors en tendència

Què hi trobaràs

Comptagotes

Captura colors d'una imatge que hagis pujat, o de qualsevol cosa a la pantalla allà on el navegador ho permeti. Deixa anar un fitxer a la pàgina i fes clic a un píxel.

Conversió de formats

Canvia a l'instant entre HEX, RGB, HSL, HSV, CMYK, XYZ, LAB i LCH, i copia qualsevol valor directament al CSS o a la teva eina de disseny.

Constructor de degradats

Afegeix i arrossega parades per la barra, canvia entre lineal i radial, ajusta l'angle i l'opacitat, i copia el CSS acabat.

Historial de colors

Cada color i degradat que fas queda al teu navegador, per tornar-hi més tard o reutilitzar-lo en un altre projecte.

Harmonies i variacions

Cada pàgina de color mostra tons clars, tons foscos i sis esquemes d'harmonia, i converteix qualsevol d'ells en degradat amb un clic.

Gratuït i privat

Sense mur de pagament i sense seguiment del que tries. Les imatges que puges es llegeixen al navegador i no van enlloc.

Per a qui és

Dissenyadors i equips de producte: Quan esbossen una interfície o una paleta de marca, proven combinacions i copien el CSS exacte d'un degradat.
Il·lustració i pintura: Per capturar colors de fotografies i quadres amb el comptagotes i planificar ombreigs suaus.
Desenvolupament front-end: Per produir valors de color coherents al llarg d'un projecte i llegir-los d'un disseny existent.
Qui revisa accessibilitat: Per comparar un color entre models i ajustar-lo fins que la relació de contrast superi el llindar necessari.

Com fer-ho servir

1
Tria un color
Fes clic a qualsevol punt del camp de saturació i després afina amb els controls de to i opacitat. Els valors HEX, RGB i HSV s'actualitzen sobre la marxa.
2
Captura d'una imatge
Arrossega una imatge a la pàgina o tria un fitxer, i després fes clic al píxel que vulguis. Els codis apareixen a l'instant.
3
Construeix un degradat
Fes clic a la barra per afegir una parada i arrossega-la al seu lloc. Canvia entre lineal i radial i ajusta l'angle.
4
Copia i reutilitza
Copia el valor o tota la declaració CSS. Tot el que tries es desa a l'historial automàticament.

Preguntes freqüents

Una eina petita que no fa nosa

Va començar com una utilitat interna: volíem agafar un color, ajustar-lo i seguir endavant, sense haver d'obrir abans un programa de disseny pesat. És deliberadament una sola pàgina, deliberadament ràpida, i continuarà sent gratuïta.

Extensions del navegador

Prefereixes capturar colors directament de les pàgines que visites? Les extensions per a Chrome i Edge afegeixen un comptagotes a la barra, guarden el seu propi historial i obren aquesta eina amb un clic.

Obre la Chrome Web Store Obre els complements de Microsoft Edge