ximg.es

Conversor de colors

Escriu un color en qualsevol format CSS (o tria’l) i obtén-lo en HEX, RGB, HSL, HWB i OKLCH, amb el seu nom CSS i la imatge d’ximg.es d’aquest color.

Prova amb
El color en cada format
HEX #2563eb
RGB rgb(37, 99, 235)
HSL hsl(221, 83.2%, 53.3%)
HWB hwb(221 14.5% 7.8%)
OKLCH oklch(54.61% 0.215 262.9)
Nom CSS royalblue (el més semblant)
URL ximg.es https://ximg.es/600x300/2563eb/fff
Imatge d’ximg.es amb el color triat de fons

Quin format de color cal fer servir

Per què OKLCH està de moda

En HSL, un groc i un blau amb un 50% de lluminositat no s’assemblen gens en claredat. En OKLCH sí, i això permet generar escales de color coherents (100, 200… 900) canviant només la L, i degradats sense la zona grisa del mig. A més, pot descriure colors més vius que sRGB per a les pantalles P3; quan passa, l’eina t’avisa i mostra en HEX i RGB el més proper representable. Tots els navegadors actuals entenen oklch().

Colors als URL d’ximg.es

El generador de placeholders rep el color de fons i el del text al mateix URL, en hexadecimal sense coixinet: /600x300/2563eb/fff. Admet 3, 4, 6 i 8 dígits (els de 4 i 8 porten transparència en PNG, WebP i AVIF), les dreceres d’1 i 2 dígits (c és cccccc) i els 148 noms de CSS: /600x300/tomato/white. L’última fila del conversor et dona l’URL amb el text en blanc o negre, el que faci més contrast.

Noms de color CSS

CSS té 148 noms, d’aliceblue a yellowgreen. Si el color no té nom propi, l’eina busca el més semblant a la vista (la distància es mesura en OKLab, no en RGB), cosa pràctica per posar nom a variables o per descriure un color en una conversa.

Preguntes freqüents

Com passo d’HEX a RGB?

Cada parella de dígits és un canal en hexadecimal: a #2563eb, 25 és 37 de vermell, 63 és 99 de verd i eb és 235 de blau. Escriu-lo a dalt i ja el tens convertit.

Què és un color HEX de 8 dígits?

Un HEX amb transparència: els dos últims dígits són l’alfa, de 00 (transparent) a ff (opac). 80 és aproximadament el 50 %.

Quina diferència hi ha entre HSL i OKLCH?

Tots dos separen to, intensitat i claredat, però OKLCH està calibrat amb la percepció humana: la mateixa lluminositat es veu igual de clara en qualsevol to. En HSL, el groc al 50 % sembla molt més clar que el blau al 50 %.

Puc fer servir OKLCH en producció?

Sí. Chrome, Edge, Firefox i Safari l’admeten des del 2023. Si has de donar suport a navegadors més antics, posa abans la mateixa propietat en HEX com a alternativa.

Per què el color OKLCH surt diferent en HEX?

Perquè OKLCH pot descriure colors que no caben a sRGB, l’espai d’HEX i RGB. Es mostra el més proper dins de sRGB i l’eina t’avisa.

Quins colors accepta ximg.es a l’URL?

Hexadecimal sense # d’1, 2, 3, 4, 6 o 8 dígits i els 148 noms de CSS. Per exemple, https://ximg.es/600x300/2563eb/fff o https://ximg.es/600x300/navy/gold.

Més eines

Veure totes les eines · Generador d'imatges placeholder