Eina de conversió
Converteix HEX, RGB, HSL, HSV i CMYK
Converteix HEX, RGB, HSL, HSV/HSB i CMYK al navegador. Tria un color, copia els codis i comprova el contrast WCAG. No s’hi puja res.
Enganxa un codi de color o fes servir el selector. HEX, RGB, HSL, HSV i CMYK s’actualitzen plegats. El contrast es mesura amb ràtios WCAG sobre un fons opac.
- S’executa en local
- Sense pujades
- Instantani
- Gratuït
RGBA, HSLA i HEX de 8 dígits conserven l’alfa. Les cadenes HSV i CMYK no; l’alfa es mostra a part.
HSV i HSB són el mateix model. V i B volen dir brillantor.
El CMYK d’aquí és una estimació des de RGB de pantalla. No és una conversió amb perfil ICC d’impremta.
Contrast WCAG
El primer pla pot tenir alfa i es calcula sobre un fons opac. Aquesta versió no usa alfa de fons. El contrast tot sol no demostra que una pàgina sigui accessible.
| Comprovació | Resultat |
|---|---|
| AA text normal | |
| AA text gran | |
| AAA text normal | |
| AAA text gran |
Mostra de text normal
Mostra de text gran
La conversió de color i les comprovacions de contrast s’executen al navegador. Els valors no es pugen.
Com funciona
- 01 Enganxa un valor HEX, RGB, HSL, HSV o CMYK, o fes servir el selector.
- 02 Llegeix els codis convertits i copia el que necessitis.
- 03 Si el color és per a text, comprova el contrast sobre un fons opac.
Per què NEXNARA
-
Privat
Les dades es queden al navegador.
-
A l’instant
El resultat apareix de seguida.
-
Sense pujades
No s’envia res a un servidor de NEXNARA.
-
Funciona a tot arreu
No cal instal·lar res.
Més informació
Què és un convertidor de color?
L’eina passa una notació de color a les altres. Copia HEX per a CSS, RGB per a disseny, HSL per a ajustos, HSV per a selectors o una estimació CMYK senzilla. Tot el càlcul resta al navegador.
Què és HEX?
HEX escriu vermell, verd i blau en parelles hexadecimals, com #FF0000. El #RGB curt duplica cada dígit. El #RRGGBBAA de vuit dígits afegeix alfa. Aquí el # és opcional.
Què és RGB?
RGB barreja vermell, verd i blau de 0 a 255. RGBA afegeix alfa de 0 a 1. Les pantalles mostren el color en RGB, així que és el format central de les altres conversions.
Què és HSL?
HSL és to (0–360), saturació (0–100%) i lluminositat (0–100%). El to 360 és el mateix que 0. HSLA afegeix alfa. Útil per aclarir o saturar sense pensar en RGB cru.
Què és HSV / HSB?
HSV (també HSB) usa to, saturació i valor/brillantor. No és HSL: un vermell del tot brillant és hsv(0, 100%, 100%) i hsl(0, 100%, 50%). L’eina tracta HSV i HSB com un sol model.
Què és CMYK?
CMYK és cian, magenta, groc i negre, cadascun 0–100%. Les impressores usen CMYK. La conversió d’aquí és una estimació matemàtica des de RGB de pantalla, no un perfil ICC a punt d’impremta.
RGB enfront de CMYK
RGB és llum additiva a la pantalla. CMYK és tinta subtractiva al paper. Els mateixos números no sempre coincideixen amb una mostra impresa. Fes servir aquest CMYK com a idea aproximada, no per a la impressió final.
Què és l’alfa?
L’alfa és l’opacitat. 1 és sòlid; 0 és del tot transparent. El HEX de 8 dígits, RGBA i HSLA el guarden. Les sortides HSV i CMYK d’aquesta pàgina no hi inclouen alfa, per això el camp es mostra a part.
Què és la ràtio de contrast WCAG?
El contrast WCAG compara la luminància relativa del text i el fons. Objectius habituals: 4,5:1 AA text normal, 3:1 AA text gran, 7:1 AAA text normal i 4,5:1 AAA text gran. No cobreix mida, gruix ni la resta d’accessibilitat.
Com convertir un color
Tria HEX, RGB, HSL, HSV o CMYK. Enganxa un valor o mou el selector. Es converteix mentre escrius. Copia qualsevol resultat. Per al contrast, posa un fons opac i llegeix PASS o FAIL al costat de cada fila WCAG.
Privadesa
No s’envia res a NEXNARA ni a una API de color externa. Aquesta eina no desa valors en galetes ni a l’emmagatzematge local.
Preguntes freqüents
Com converteixo HEX a RGB?
Enganxa un HEX com #FF0000 o tria el color. RGB apareix com rgb(255, 0, 0).
Com converteixo RGB a HEX?
Tria RGB i introdueix rgb(255, 0, 0) o els camps R, G, B. HEX esdevé #FF0000.
Quina diferència hi ha entre HSL i HSV?
Tots dos usen to i saturació, però el tercer canal d’HSL és la lluminositat i el d’HSV el valor (brillantor). El vermell del tot brillant és 50% de lluminositat a HSL i 100% de valor a HSV.
HSV és el mateix que HSB?
Sí. La B d’HSB (brightness) és la V d’HSV (value). S’accepten hsv() i hsb().
Es pot convertir RGB a CMYK?
Sí, com a estimació des de RGB de pantalla. No coincidirà amb cada perfil d’impressora.
Per què el CMYK imprès pot semblar diferent?
El paper, la tinta i els perfils ICC canvien el resultat. Aquesta pàgina no simula una premsa.
Què vol dir HEX de 8 dígits?
Els dos darrers dígits són l’alfa. #FF000080 és vermell amb uns 50% d’opacitat.
Quina ràtio de contrast necessito?
WCAG AA per a text normal és 4,5:1. El text gran pot usar 3:1. AAA per a text normal és 7:1. L’eina només informa d’aquestes quatre comprovacions.
La conversió es fa en local?
Sí. S’executa al navegador. No hi ha servidor ni API externa.
Com converteixo HEX a HSL?
Enganxa HEX i llegeix el camp HSL, o comença des d’HSL i copia HEX. El to 360 equival a 0.