Aquest selector de color comença amb una mostra visual i manté els números precisos ben a prop. Pots enganxar un valor hexadecimal CSS com #3366cc, ajustar els canals vermell, verd, blau i alfa, o afinar el to, la saturació i la lluminositat per treballar amb sistemes de disseny. No es puja cap valor de color - les conversions es fan localment amb JavaScript.
Selector de color gratuït
Funciona del tot al navegador: sense pujar res ni registrar-te.
Seleccionat#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Què és un selector de color?
Un selector de color és una eina per triar un color digital exacte i copiar-ne els valors per a disseny o codi. Fes servir la mostra, el camp HEX, els controls lliscants RGB o els controls HSL, i copia valors HEX, RGB, HSL, HSV o CMYK a l’instant. Tot funciona al teu navegador.
Com s’utilitza
- 1Tria o enganxa un color. Fes clic a la mostra gran per obrir el selector de color del navegador, o enganxa un valor hexadecimal de 3, 4, 6 o 8 dígits al camp HEX.
- 2Ajusta els canals. Fes servir els controls RGB per al vermell, el verd, el blau i l’alfa, o edita el to, la saturació i la lluminositat quan vulguis un control més còmode per al disseny.
- 3Copia el format que necessites. Copia HEX, HEX8, RGB, HSL, HSV o CMYK amb un sol clic. La previsualització i totes les sortides s’actualitzen en directe.
Per a qui és
- Desenvolupadors front-end que copien valors HEX, RGB i HSL llestos per a CSS mentre construeixen interfícies.
- Dissenyadors que ajusten un color de marca per canal en lloc d’endevinar-lo en una aplicació gràfica.
- Equips de màrqueting que mantenen coherents els colors de campanya en editors de correu, documents i peces per a xarxes socials.
- Estudiants i creadors que aprenen com RGB, HSL, HSV i CMYK descriuen el mateix color.
Preguntes freqüents
Aquest selector de color és gratuït?
Sí. El selector de color és gratuït, no requereix registre i no té límit d’ús. Obre la pàgina, tria un color i copia el format que necessitis.
Els meus colors es pugen en algun lloc?
No. El selector i les conversions funcionen al teu navegador amb JavaScript normal. Els colors seleccionats no s’envien a cap servidor.
Quins formats de color puc copiar?
Pots copiar HEX, HEX de 8 dígits amb alfa, RGB o RGBA, HSL o HSLA, HSV i CMYK. L’eina els manté sincronitzats mentre edites.
Puc enganxar un color hexadecimal?
Sí. Enganxa valors hexadecimals CSS de 3, 4, 6 o 8 dígits, amb el símbol # o sense. Els valors abreujats s’expandeixen seguint les regles normals de CSS.
Què és HEX8?
HEX8 és un color hexadecimal de 8 dígits on l’últim parell desa l’alfa. Per exemple, #3366cc80 és el mateix blau amb aproximadament un 50% d’opacitat.
Hauria d’utilitzar RGB o HSL en CSS?
Fes servir RGB quan necessitis valors de canal exactes o alfa amb rgba(). Fes servir HSL quan vulguis crear tints, ombres o estats d’UI relacionats canviant la saturació i la lluminositat.