Selector de color
Elegi un color y converti sus valores para web, diseno e impresion.
Cómo usar el selector de colores online
Elegí el tono en la barra de colores y seleccioná un punto de la paleta para ajustar la saturación y el brillo. También podés usar el control Color o ingresar un código de seis dígitos en HEX manual, por ejemplo #FF0000. Los valores y la vista previa se actualizan al cambiar el color.
Presioná Copiar junto al formato que necesitás para llevar su valor al portapapeles. Los campos RGB, HSL, HSV y CMYK muestran los resultados de la conversión; la entrada manual de esta herramienta utiliza HEX.
Qué significan HEX, RGB, HSL y HSV
HEX representa los canales rojo, verde y azul con seis dígitos hexadecimales. RGB expresa esos canales con valores de 0 a 255. Ambos se usan habitualmente para definir colores en pantalla y en páginas web.
HSL describe el tono, la saturación y la luminosidad; HSV utiliza tono, saturación y valor o brillo. Son formas diferentes de representar el color: la luminosidad de HSL y el valor de HSV no son equivalentes. HEX, RGB y HSL pueden usarse en CSS; la salida HSV sirve como referencia para programas que admitan ese modelo.
Ejemplo: el rojo #FF0000 equivale a rgb(255, 0, 0), hsl(0, 100%, 50%) y hsv(0, 100%, 100%). La herramienta redondea los valores HSL y HSV a números enteros.
Conversión aproximada a CMYK
CMYK expresa porcentajes de cian, magenta, amarillo y negro. Esta calculadora realiza una conversión matemática aproximada desde RGB, sin perfiles de color de impresión. El resultado impreso depende de las tintas, el papel y el perfil utilizado; para preparar un archivo de imprenta, utilizá el perfil indicado por el proveedor.
Contraste con texto blanco y negro
Las tarjetas comparan el color seleccionado como fondo con texto blanco y negro. La relación va de 1:1 a 21:1: cuanto mayor es, mayor es el contraste de luminancia entre los dos colores.
Como referencia, WCAG AA establece al menos 4,5:1 para texto normal y 3:1 para texto grande. Se considera grande a partir de 18 puntos (24 píxeles CSS), o 14 puntos en negrita (aproximadamente 18,67 píxeles CSS). La relación mostrada se redondea a dos decimales: un valor cercano al límite requiere revisar el resultado sin redondear. Esta comparación ayuda a elegir el texto, pero no constituye una evaluación completa de accesibilidad.