Conversor de color

Converteixi colors entre HEX, RGB, HSL, HSV, CMYK i LAB: editi qualsevol camp i la resta s'actualitzarà automàticament.

Cada conversió s'executa al seu navegador. Cap dada que introdueixi es puja a BroBroGo.

PMF

Entre quins formats de color puc fer la conversió?

HEX, RGB, HSL, HSV, CMYK i LAB. Escriviu un valor en qualsevol d'ells i els altres cinc s'actualitzaran alhora, de manera que podeu passar de qualsevol format a qualsevol altre.

La sortida CMYK està llista per a la impressió professional?

Considereu-ho com una estimació aproximada per a pantalla. El CMYK d'impressió real depèn del paper, de la tinta i del perfil de la impressora, de manera que una impremta pot retornar valors lleugerament diferents d'aquests.

Per què un color LAB o CMYK torna lleugerament canviat?

Els espais LAB i CMYK poden descriure colors que una pantalla no pot mostrar. Quan un valor cau fora del rang RGB visible, s'ajusta al color visualitzable més proper, de manera que la reconversió pot variar lleugerament.

Escrit i revisat per l'equip editorial de BroBroGo.Darrera actualització:

La representació digital del color es basa en diferents models matemàtics i espais de color adaptats a necessitats tècniques específiques, des de la programació web fins a la impressió física. El "Conversor de color" és una eina dissenyada per traduir valors de color de manera instantània entre els formats HEX, RGB, HSL, HSV, CMYK i LAB. En introduir un valor en qualsevol d'aquests camps o en utilitzar el selector visual, l'eina calcula i actualitza automàticament la resta de formats en temps real.

Els models de color i la seva representació digital

Cada format de color utilitza un mètode diferent per descriure la llum i el color, adaptant-se a diferents entorns de treball:

  • HEX: És una representació hexadecimal dels valors de vermell, verd i blau. S'utilitza àmpliament en el desenvolupament web i el disseny digital. Admet formats de sis dígits o abreujats de tres dígits, com ara #4f46e5 o #abc.
  • RGB: Un model basat en la síntesi additiva de la llum, on es combinen els canals vermell (Red), verd (Green) i blau (Blue). Cada canal s'expressa amb un nombre sencer que va de 0 a 255, com per exemple 79, 70, 229.
  • HSL: Defineix el color mitjançant el matís (Hue, de 0 a 360 graus), la saturació (Saturation, en percentatge) i la lluminositat (Lightness, en percentatge). Un exemple de valor és 243, 75%, 59%. Aquest model facilita la comprensió humana de la brillantor i la intensitat d'un color.
  • HSV: Similar a l'HSL, utilitza el matís (0–360) i la saturació (percentatge), però substitueix la lluminositat pel valor (Value, en percentatge), que representa la brillantor del color, com ara 243, 69%, 90%.
  • CMYK: Un model de color subtractiu basat en els pigments utilitzats en la impressió física: cian (Cyan), magenta (Magenta), groc (Yellow) i negre (Key). Es representa amb quatre percentatges de 0 a 100, com 66%, 69%, 0%, 10%.
  • LAB: Un espai de color basat en la percepció humana, definit per la lluminositat L (0–100), l'eix verd-vermell a i l'eix blau-groc b. Un exemple de valor és 40.73, 50.63, -79.08.

Funcionament de la conversió i gestió de dades

L'edició de qualsevol dels camps d'entrada actualitza immediatament tots els altres camps de sortida. L'usuari també pot utilitzar el selector de color visual per triar un color directament de la mostra.

Pel que fa a la privadesa de les dades, cada conversió s'executa al seu navegador. Cap dada que introdueixi es puja a BroBroGo, garantint que el processament es realitza exclusivament de manera local en el dispositiu de l'usuari.

Limitacions de gamma i ajustos de color

Quan es treballa amb conversions entre diferents espais de color, cal tenir en compte el concepte de gamma de color (color gamut). Els espais LAB i CMYK poden descriure colors que queden fora del rang RGB visible que una pantalla estàndard pot mostrar.

Si s'introdueix un valor que es troba fora del rang RGB visible per a LAB o CMYK, l'eina l'ajusta automàticament al color visualitzable més proper. A causa d'aquest ajust, si es torna a convertir aquest color modificat al seu format original, es pot produir una lleugera variació en els valors numèrics.

Així mateix, la sortida CMYK que ofereix l'eina és una estimació en pantalla. En la impressió professional, els colors reals depenen directament de factors físics com el tipus de paper, la formulació de la tinta i els perfils de color específics de la impressora utilitzada.

Validació d'entrades i missatges d'error

Per garantir la precisió de les conversions, l'eina valida estrictament el format de cada camp. Si s'introdueix un valor no vàlid, es mostren els següents missatges d'error segons el format afectat:

  • HEX: "Introduïu un color hexadecimal com #4f46e5 o #abc."
  • RGB: "Introduïu l'RGB com a tres números de 0 a 255, com ara 79, 70, 229."
  • HSL: "Introduïu l'HSL com a matís de 0 a 360 amb dos percentatges, com ara 243, 75%, 59%."
  • HSV: "Introduïu l'HSV com a matís de 0 a 360 amb dos percentatges, com ara 243, 69%, 90%."
  • CMYK: "Introduïu el CMYK com a quatre percentatges de 0 a 100, com ara 66%, 69%, 0%, 10%."
  • LAB: "Introduïu el LAB amb una L de 0 a 100 i els valors a i b, com ara 40.73, 50.63, -79.08."

Preguntes més freqüents (FAQ)

Entre quins formats de color puc fer la conversió?
HEX, RGB, HSL, HSV, CMYK i LAB. Escriviu un valor en qualsevol d'ells i els altres cinc s'actualitzaran alhora, de manera que podeu passar de qualsevol format a qualsevol altre.

La sortida CMYK està llista per a la impressió professional?
Considereu-ho com una estimació aproximada per a pantalla. El CMYK d'impressió real depèn del paper, de la tinta i del perfil de la impressora, de manera que una impremta pot retornar valors lleugerament diferents d'aquests.

Per què un color LAB o CMYK torna lleugerament canviat?
Els espais LAB i CMYK poden descriure colors que una pantalla no pot mostrar. Quan un valor cau fora del rang RGB visible, s'ajusta al color visualitzable més proper, de manera que la reconversió pot variar lleugerament.

Selector de color d'imatgesSeleccioneu qualsevol píxel d'una imatge i obteniu-ne els valors HEX, RGB i HSL amb una lupa de precisió.Verificador de contrastIntroduïu un color de text i de fons per veure la relació de contrast WCAG i quins nivells AA i AAA s'assoleixen.Convertidor binari i hexadecimalConverteixi nombres entre binari, hexadecimal, decimal i octal, o bé transformi text en bytes.Convertidor de format d'imatgesConvertiu imatges JPG, PNG, WebP, HEIC i AVIF directament al vostre navegador.Compressor d'imatgesRedueix fitxers JPEG, PNG i WebP al teu navegador, conservant la mateixa mida de píxels.Calculadora de relació d'aspecteConvertiu qualsevol amplada × alçada en una relació neta com 16:9, o trieu una relació i completeu el costat que falta, tant per a vídeo com per a fotos i pantalles.Generador de faviconsConvertiu una imatge PNG, JPG o SVG en un fitxer favicon.ico i en totes les mides d'icona que necessita el vostre lloc web, tot agrupat en un fitxer ZIP.Generador de Box ShadowArrossegui els lliscadors per dissenyar una ombra de caixa, acumuli capes per donar profunditat i copiï el CSS resultant a l'instant.Generador de degradatsCreeu un degradat lineal, radial o cònic, afegiu punts de parada de color i definiu la direcció, i després copieu el CSS amb un sol clic.Generador de Border RadiusArrodoneixi cada cantó amb lliscadors, creï gotes orgàniques amb el mode el·líptic i copiï el CSS a l'instant.Generador de FlexboxConfigureu un contenidor flex i els seus elements amb controls visuals, observeu com reacciona el disseny en temps real i copieu el CSS amb un sol clic.Embellidor i minificador de CSSTorneu a sagnar el CSS desordenat per llegir-lo millor, o minifiqueu-lo per publicar-lo, amb un mode segur que mai reordena les regles.Conversor de px a rem i emConverteixi entre px, rem i em utilitzant les seves pròpies mides de font d'arrel i de context: editeu qualsevol camp i els altres dos s'actualitzaran mentre escriviu.