Color Picker

Selector
HEX
R
G
B
A
Punts
Puja una imatge
1background: #FF930F;
2background: linear-gradient(90deg, rgba(255, 147, 15, 1) 0%,rgba(255, 249, 91, 1) 100%)

Colors en tendència

Tria i treballa amb colors sense complicacions

Vam crear Color Picker el 2025 perquè estàvem cansats d’apps pesades i selectors complicats. Com a desenvolupadors front-end i il·lustradors, necessitàvem una eina per agafar un color, retocar-lo i continuar. El que va començar com una eina interna es va fer popular entre els companys, així que la vam polir i la vam publicar al web. Sense comptes ni corba d’aprenentatge: obre la pàgina, tria un to i copia els codis HEX, RGB, HSL o HSV.

Per què agrada el nostre selector de color?

Si mai t’has preguntat com captar el to exacte en un disseny, apreciaràs la simplicitat de Color Picker. Hem mantingut la interfície al mínim expressament:

  • Clíques i tens el color – toca qualsevol punt de la paleta i l’eina et dona al moment els valors que necessites. Vols prendre mostra d’una foto, una captura o una obra? Arrossega-la a la pàgina i usa el comptagotes.
  • Degradats, fàcils – crea transicions sedoses afegint i movent punts a la barra. Canvia entre lineal i radial, ajusta l’angle i l’opacitat i copia el CSS.
  • Sense límits ni cost – Color Picker funciona en qualsevol navegador modern a l’ordinador, tauleta o telèfon. Res a instal·lar i cap cost.
  • Extensions quan cal – les nostres extensions opcionals per a Chrome i Edge porten el comptagotes al navegador, perquè puguis prendre colors de qualsevol pàgina i endur-te l’historial.

Què hi trobaràs

Comptagotes

Extreu colors directament d’imatges pujades o de qualsevol cosa a la pantalla; deixa anar un fitxer a la pàgina i fes clic en un píxel per veure’n els valors en diversos formats.

Conversions de format

Canvia al moment entre HEX, RGB, HSL i HSV i copia els codis al CSS, als programes de disseny o a les eines de paletes.

Creador de degradats

Crea degradats lineals o radials afegint i desplaçant punts, ajustant angle i opacitat i copiant el CSS final.

Historial de colors

Cada color que tries queda guardat, per poder-hi tornar més tard o reutilitzar-lo.

Extensions del navegador

Extensions opcionals per a Chrome i Edge per prendre colors de qualsevol lloc i obrir l’eina directament des de la barra d’eines.

Accés universal

Funciona a qualsevol navegador modern; les extensions admeten múltiples idiomes i s’actualitzen amb regularitat.

Gratuït i privat

El servei és gratuït i no fem negoci amb les teves dades.

Per a què és útil

La gent fa servir Color Picker de maneres diverses:

  • Dissenyadors i equips de producte hi recorren quan esbossen interfícies o paletes de marca. És ràpid explorar combinacions i copiar el CSS necessari per als degradats.
  • Il·lustradors i artistes utilitzen el comptagotes per inspirar-se en fotos i pintures. L’eina de degradats ajuda a planificar ombrejats suaus i transicions de color.
  • Desenvolupadors front-end confien en l’eina per generar valors de color coherents entre projectes. L’extensió facilita prendre colors de llocs existents.
  • Qualsevol que comprovi l’accessibilitat pot veure els colors en diferents models i ajustar l’opacitat fins complir les pautes de contrast.

Primers passos

No cal cap manual, però aquí tens un resum ràpid:

  • Tria un color – fes clic a qualsevol punt de la paleta. Veureu immediatament els valors HEX, RGB i HSV. Fes servir els controls lliscants per ajustar matís, saturació, brillantor i transparència.
  • Mostra des d’una imatge – arrossega un fitxer d’imatge a la pàgina o selecciona’n un. Fes clic al píxel desitjat i apareixeran els codis de color.
  • Construeix un degradat – fes clic a la barra del degradat per afegir punts i arrossegar-los; alterna entre els estils lineal i radial. Ajusta l’angle i l’opacitat fins que t’agradi el resultat.
  • Copia i reutilitza – els teus colors i degradats es guarden automàticament. Copia els codis o el CSS i enganxa’ls al teu projecte o comparteix-los amb l’equip.

Com utilitzar Color Picker en línia

CSS Gradient Generator

Extensions per a Chrome i Edge

T’agrada la idea d’agafar colors directament d’una pàgina web? Color Picker – Eye Dropper per a Chrome i Eyedropper – Color Picker per a Edge et permeten fer-ho. Afegeixen un botó petit al navegador per passar per sobre de qualsevol element i captar-ne el to. També pots pujar imatges des de la finestra emergent, combinar colors en degradats i copiar el CSS. Les extensions admeten múltiples idiomes i s’actualitzen regularment.

Una eina comunitària de confiança

Vam crear Color Picker perquè volíem una eina senzilla que “simplement funcioni”. Encara és un projecte comunitari i sempre serà gratuït. No recollim ni venem les teves dades. Si et resulta útil, instal·lar l’extensió o compartir el lloc ajuda més gent a descobrir-la.

Per veure com gestionem les dades, consulta les nostres pàgines: Política de privadesa , Condicions d’ús.

👍 Color Picker | Selector i degradats de color | Selector de color d’imatge