
Un convertidor de color es una herramienta que toma un solo color escrito en una sintaxis y lo reexpresa en todas las demás sintaxis a la vez. Pegue un código HEX como #4466EE e inmediatamente obtendrá sus equivalentes rgb(), hsl(), hwb() y cmyk(), además de la palabra clave de color CSS más cercana. Elimina la aritmética manual de dividir pares hexadecimales, escalar canales y calcular el tono y la saturación a mano.
Las diferentes partes de un proyecto esperan diferentes formatos de color. Los navegadores representan todo como RGB, los autores de CSS buscan HSL porque la ligereza es fácil de impulsar al flotar, los flujos de trabajo de impresión necesitan CMYK y las transferencias de diseño a menudo llegan como HEX. Un convertidor mantiene consistente un color fuente en todos ellos, por lo que el azul en su hoja de estilo es el mismo azul en su guía de marca y el mismo azul que recibe su proveedor de impresión. También acepta nombres de colores CSS como rebeccapurple y los traduce en valores numéricos copiables.
Este convertidor se ejecuta completamente en su navegador. El color que pega se analiza y convierte con JavaScript del lado del cliente y nunca sale de su dispositivo, por lo que no hay carga, cuenta ni seguimiento de lo que convierte. Funciona sin conexión una vez que la página se ha cargado, maneja sintaxis de color espacial, de coma y HEX de 3, 6 y 8 dígitos, y preserva el canal alfa a través de salida RGBA, HSLA y HEXA de 8 dígitos.
CMYK es la conversión para tratar con precaución. A diferencia de HEX, RGB, HSL y HWB, que son descripciones exactas del mismo color sRGB y se convierten entre sí sin pérdidas, CMYK describe la tinta en papel y depende de la prensa, el papel y el perfil de color en uso. La conversión aquí es la aproximación estándar independiente del dispositivo, lo cual está bien para una idea aproximada y no sustituye una conversión perfilada en software de preimpresión. Espere que los colores de pantalla saturados, especialmente los azules y verdes brillantes, sean inalcanzables en la impresión: se ubican completamente fuera de la gama CMYK y volverán más apagados de lo que parecían.
Escriba o pegue cualquier color: un código HEX (#4466EE o #46E), un valor rgb()/rgba(), un valor hsl()/hsla(), hwb(), cmyk() o un nombre de color CSS como coral.
La herramienta muestra instantáneamente HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB y CMYK, junto con el nombre de color CSS exacto o más cercano.
Incluya un valor alfa en su entrada (rgba(...) o un HEX de 8 dígitos) y el convertidor transportará la opacidad a cada formato compatible con alfa.
Haga clic en cualquier fila de salida para copiar esa cadena exacta en su portapapeles, lista para pegar en CSS, una herramienta de diseño o una especificación de impresión.
Una entrada produce HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB y CMYK simultáneamente, por lo que nunca se convierte dos veces.
Detecta una palabra clave de color CSS exacta cuando existe y siempre muestra el color con nombre más cercano como referencia.
La transparencia de rgba() o un HEX de 8 dígitos fluye a cada formato de salida compatible con alfa sin cambios.
Acepta HEX de 3, 4, 6 y 8 dígitos, separadores de coma o espacio, canales porcentuales y sintaxis moderna de barra diagonal alfa.
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
Pick colors and convert between HEX, RGB, and HSL formats
Generate tints, shades, and tones from any base color
0 comments
No comments yet. Be the first to share your thoughts!