Selector de color
Elige cualquier color visualmente y genera códigos HEXADECIMALES, RGB, HSL y HSV precisos al instante. Arrastra por el lienzo para explorar tonos, ajustar el tono y la opacidad, o pega un código de color existente para convertir formatos en tiempo real. No se necesita software de diseño ni configuración, solo seleccione, convierta y copie los valores de color exactos para su proyecto en segundos.
Selector de color
Elige cualquier color de forma visual, ajusta la opacidad o pega un código HEX, RGB, HSL o HSV. Los cuatro formatos de salida se actualizan en tiempo real.
Lienzo de color
Tono
Opacidad - 100%
Preajustes
Salida
Pega cualquier código de color
Acepta HEX, #RRGGBBAA, rgb(), rgba(), hsl(), hsla(), hsv(), hsb()
Copiar todo
hex: #398FE6 rgb: rgb(57, 143, 230) hsl: hsl(210, 78%, 56%) hsv: hsv(210, 75%, 90%)
Lienzo visual de color
Arrastra el cursor por el lienzo de saturación y brillo para elegir cualquier tono con precisión absoluta.
4 formatos de salida
Cada selección genera al instante valores HEX, RGB, HSL y HSV, incluido el canal alfa cuando la opacidad es inferior al 100%.
100% privado
Todo el procesamiento ocurre en tu navegador. Ningún valor de color se envía jamás a un servidor ni se registra en ningún sitio.
Cómo seleccionar y convertir colores
Arrastra el lienzo
Haz clic o arrastra por el lienzo de color para elegir la saturación y el brillo del tono actual.
Ajusta el tono y la opacidad
Usa la barra de tonos para cambiar el color base y la barra de opacidad para definir la transparencia.
Lee los códigos de salida
Los valores HEX, RGB, HSL y HSV se actualizan en tiempo real. Se incluye el canal alfa cuando la opacidad baja del 100%.
Copia el formato que necesites
Haz clic en el botón de copiar junto a cualquier fila de salida, o pega un código de color conocido en el campo inferior para ir directamente a ese color.
¿Para qué se usa un selector de color?
Diseñadores de UI y web
Toma los colores de tu marca y copia los códigos exactos para CSS, Tailwind o tu sistema de diseño sin salir del navegador.
Desarrolladores frontend
Convierte entre HEX y RGB/HSL para propiedades personalizadas en CSS, valores arbitrarios de Tailwind o la API de canvas.
Diseñadores gráficos
Traslada los valores HSB de Figma o Photoshop a códigos HEX o RGB listos para la web en un solo paso.
Creadores de contenido
Encuentra el color de acento perfecto para una miniatura, presentación o documento y copia su código al momento.
Revisores de accesibilidad
Confirma los valores exactos de color para comprobar ratios de contraste y cumplimiento WCAG en texto y fondo.
Ingenieros de prompts de IA
Identifica códigos hexadecimales precisos al describir colores en prompts de generación de imágenes para obtener resultados más exactos.
Endless Forge frente a otras herramientas de color
Instantáneo, privado y completo en formatos. Todo ocurre en tu navegador.
Una herramienta para todos los formatos de color
Más herramientas de utilidades y desarrollo
Conversor de imágenes
Convierte imágenes entre formatos PNG, JPG, WEBP, AVIF y más al instante.
Convertidor SVG
Convierte imágenes ráster a formato vectorial SVG o exporta SVG a PNG/JPG.
PDF a imagen
Extrae cada página de un PDF como una imagen PNG o JPG de alta resolución.
Imagen a PDF
Combina una o varias imágenes en un único documento PDF limpio.
Analizador de texto
Analizar el recuento de palabras, el tiempo de lectura, el sentimiento y la puntuación de legibilidad.
Formateador de código
Formato automático de código desordenado con reglas de sangría y estilo consistentes.
Codificador / decodificador Base64
Codifique texto o archivos en Base64 y decodifique las cadenas de Base64 a texto sin formato, con el modo seguro de URL y la compatibilidad con la vista previa de imágenes.
Preguntas frecuentes
5 preguntas respondidas