Selector i extractor de colors: eina gratuïta en línia
El nostre extractor de colors en línia gratuït us permet triar qualsevol color d'una foto amb un sol clic: no cal instal·lar programari ni tenir cap compte. Pengeu la vostra imatge, passeu el cursor per sobre per ampliar-la, feu clic a qualsevol píxel per veure a l'instant els seus valors HEX, RGB, HSL i HSV i, a continuació, genereu una paleta de colors completa a partir del color que hàgiu triat. Baixeu els resultats en qualsevol moment.
Com triar els colors d'una foto
1
Puja la teva imatge
Deixeu anar una foto al panell, feu clic a Puja una foto, o enganxa amb Ctrl+V. Admet JPEG, PNG, WebP, HEIC i GIF.
2
Feu clic per triar un color
Passeu el cursor per sobre de la imatge per ampliar-la amb la lupa i, a continuació, feu clic a qualsevol lloc per capturar el color d'aquest píxel. Els valors HEX, RGB, HSL i HSV apareixen a l'instant.
3
Copiar o generar una paleta
Feu clic a qualsevol camp de valor per copiar-lo al porta-retalls, desar els colors per a més tard o generar una paleta de colors completa i exportar-la com a variables CSS o una tira de mostres PNG.
Característiques principals
- Quatre formats de color – visualitzeu i copieu el color seleccionat en HEX, RGB, HSL i HSV amb un sol clic a qualsevol camp de valor.
- Lupa amb precisió de píxels – un objectiu de zoom circular segueix el cursor perquè puguis localitzar exactament el píxel que vols.
- 8 tipus de paleta – generar paletes analògiques, complementàries, tríadiques, tetràdiques, dividides i complementàries, monocromàtiques, d'ombres o de tints amb 3–10 mostres.
- Opcions d'exportació – copiar tots els codis hexadecimals de la paleta alhora, descarregar una tira de mostres PNG o exportar la paleta com a propietats CSS personalitzades (
:root variables).
- Colors desats – afegeix qualsevol color als marcadors d'un panell de colors desats personals que trobaràs al navegador; esborra'ls quan vulguis.
- Suport HEIC – Les fotos de l'iPhone en format HEIC/HEIF es converteixen automàticament abans de la selecció del color.
- Funciona completament al teu navegador – les teves fotos no es pengen mai a cap servidor.
- Gratuït i il·limitat – sense registre, sense marques d'aigua, sense límits.
Què és un extractor de colors?
Un extractor de color (o selector de color d'imatge) és una eina que llegeix el color exacte de qualsevol píxel d'una fotografia i el converteix en codis de color estàndard utilitzats en disseny i desenvolupament. En comptes de mirar un color a ull o introduir valors manualment, simplement feu clic al punt que us interessa i l'eina fa la conversió per vosaltres, des dels valors RGB en brut que mostra la pantalla fins a les representacions HSL i HSV utilitzades en els fluxos de treball de disseny gràfic.
El generador de paletes de colors va un pas més enllà: un cop has triat un color base, aplica la teoria del color per produir esquemes de colors harmoniosos llestos per utilitzar directament en CSS, Figma o qualsevol eina de disseny.
Usos comuns
- Extracció de color de marca – extreure codis HEX exactes d'un logotip o una foto de marca per utilitzar-los de manera coherent en un lloc web o sistema de disseny.
- Disseny web i d'interfície d'usuari – feu coincidir els colors amb una imatge de producte o una fotografia destacada perquè el disseny sigui cohesionat.
- Generació de paletes – començar des d'un únic color clau i crear un esquema completament complementari o anàleg per a un projecte.
- Impressió i il·lustració – fotos de referència de mostra per trobar valors RGB precisos abans de barrejar pintura o configurar un perfil d'impressió.
- Temes CSS – exportar variables de paleta directament a un
:root bloc per deixar-lo caure directament en un full d'estil.
Preguntes freqüents
Sí, l'eina és 100% gratuïta i no té límits d'ús. No cal que creeu un compte ni que proporcioneu cap informació de pagament.
No. Tot el processament es fa completament dins del navegador mitjançant l'API HTML5 Canvas. La imatge no s'envia mai a cap servidor, de manera que la vostra privadesa està totalment protegida.
L'eina mostra el color seleccionat en quatre formats simultàniament: HEX (p. ex. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), i HSV (hsv(216, 73%, 84%)). Feu clic a qualsevol camp per copiar-lo a l'instant.
Mentre moveu el cursor sobre la imatge, apareixerà una lupa circular a prop del cursor que mostrarà una vista ampliada dels píxels circumdants. Això facilita la identificació i el clic al píxel exacte que voleu, especialment en fotos amb detalls fins o transicions de color subtils.
Feu clic a qualsevol píxel de la imatge per definir un color base i, a continuació, desplaceu-vos cap avall fins a Paleta de colors secció. Trieu un tipus de paleta (Analògica, Complementària, Triàdica, etc.) i arrossegueu el control lliscant de recompte per seleccionar entre 3 i 10 mostres. La paleta s'actualitza instantàniament. Feu servir Copiar colors, Descarrega PNG, o Exporta CSS per utilitzar el resultat.
Exporta còpies CSS a :root { } bloc que conté cada color de la paleta com a propietat personalitzada de CSS (per exemple, --color-1: #3a7bd5;). Podeu enganxar això directament al full d'estil i fer referència a les variables al llarg del projecte.
Sí. Els fitxers HEIC i HEIF es converteixen automàticament a JPEG al navegador abans que es mostri la imatge. Apareix un indicador de càrrega durant la conversió i no s'envia cap fitxer als nostres servidors.