Herramientas de Color

Diseña con confianza: elige colores, genera paletas, verifica contraste y convierte formatos (HEX, RGB, HSL) rápida y precisamente.

31 herramientas disponibles

Herramientas de Color 20

Generador Border Radius

Generador CSS border-radius con control por esquina, unidades px/rem/em/% y propiedades abreviadas o detalladas. Vista previa y código CSS listo para pegar.

Creador CSS Clip-path

Generador visual de CSS clip-path: arrastra puntos, importa y edita un clip-path existente, copia CSS con prefijo -webkit-. Polígono, círculo, elipse, inset.

Generador Glassmorphism

Crea efectos modernos de cristal esmerilado con backdrop-filter CSS. Ajusta blur, transparencia, bordes. 6 presets, vista previa en vivo, copia código.

Selector Color Pro

Selector de color pro con armonías, tonos, tintes, degradados, HEX/RGB/HSL/CMYK y relaciones de contraste WCAG en vivo con insignias AA/AAA.

Generador Flexbox

Generador visual de CSS Flexbox con vista previa en vivo. Ajusta justify-content, align-items, gap y order, y copia CSS listo (flex shorthand) más el HTML.

Animación CSS

Crea animaciones CSS @keyframes visualmente. 11 presets, vista previa en vivo, tabla de keyframes editable, transform + opacity + color, copia CSS listo.

Calculadora clamp()

Calculadora CSS clamp() gratis para tipografía fluida con salida rem/px, custom properties y escalas tipo Utopia. Vista previa en vivo y chequeo WCAG 1.4.4 de zoom.

Editor Cubic Bezier

Editor visual de cubic-bezier para animaciones CSS. Arrastra los puntos de control, observa la animación en vivo y copia el valor cubic-bezier() listo para usar.

Generador Sombras

Generador box-shadow con vista previa: múltiples capas, inset, RGBA. Copia como CSS, clase Tailwind o React/JSX. Presets de elevación Material y neumorfismo.

Convertidor de Color

Convierte colores HEX, RGB, HSL y CMYK con vista previa en vivo, más un verificador de contraste WCAG 2.1 para texto accesible AA/AAA y diseño consciente del daltonismo.

Generador Degradados

Generador de degradados CSS con interpolación perceptual OKLCH, contraste WCAG y exportación Tailwind v4, SVG y token de diseño. Vista previa en vivo.

Generador Pares Modo Oscuro

Pega una paleta HEX de modo claro y obtén los colores de modo oscuro mediante inversión de luminosidad OKLCH. Comprobaciones WCAG y exportación CSS.

Generador de Armonía

Genera paletas complementarias, análogas, triádicas, tetrádicas, complementarias divididas y monocromáticas desde cualquier HEX, con la relación de contraste WCAG por muestra.

Generador de Paleta

Generador de paleta de colores con auditoría de contraste WCAG integrada. Crea armonías o extrae de imágenes y exporta design tokens a CSS, SCSS, JSON para Tailwind y Figma.

Generador de Tonos

Crea rampas de color uniformes desde cualquier HEX. 4-16 tonos y tintes con chequeo de contraste WCAG (AA/AAA) en vivo. Exporta CSS, JSON, Tailwind.

Mezclador de Colores

Mezcla dos colores HEX en OKLab perceptual para puntos medios vivos, crea una rampa de 3-10 pasos y cópiala como linear-gradient CSS o lista HEX.

Selector Color Imagen

Elige colores de imágenes con precisión perfecta de píxel. Obtén valores HEX, RGB, HSL y HSV instantáneamente. Selector de color online gratis para diseñadores y desarrolladores.

Simulador de Daltonismo

Simula 9 tipos de deficiencia de visión cromática en imágenes o paletas. Prueba protanopia, deuteranopia, tritanopia, acromatopsia. Comparación lado a lado.

Temperatura de Color

Convierte Kelvin (1000K–40000K) a HEX, RGB, HSL y mired, con calculadora de gel CTO/CTB para balance de blancos, LED vídeo 5600K y tungsteno 3200K.

Verificador Contraste

Verificador de contraste WCAG 2.1 y APCA gratis. Prueba texto y fondo para accesibilidad AA/AAA con veredicto por tamaño para cumplir ADA y Section 508.

Conversión 8

Conversión de Color 8

cmyk a rgb

Convierte valores de color CMYK a RGB al instante con vista previa en vivo. Herramienta online gratuita y precisa para diseño web y gráfico.

hex a rgb

Convierte códigos de color hexadecimales a valores RGB al instante con vista previa en vivo. Herramienta online gratuita y precisa para diseño web y CSS.

hsl a rgb

Convierte valores HSL a RGB al instante con vista previa en vivo. Herramienta online gratuita y precisa para diseño web, CSS y manipulación de colores.

hsv a rgb

Convierte valores HSV a RGB al instante con vista previa en vivo. Herramienta online gratuita y precisa para diseño y edición de imagen.

rgb a cmyk

Convierte valores de color RGB a CMYK al instante con vista previa en vivo. Herramienta online gratuita para preparar diseños para impresión con precisión.

rgb a hex

Convierte valores RGB a códigos de color hexadecimales al instante con vista previa en vivo. Herramienta online gratuita y precisa para diseño web y CSS.

rgb a hsl

Convierte valores RGB a HSL con vista previa en vivo. Herramienta online gratuita para diseño web, creación de paletas y manipulación de color en CSS.

rgb a hsv

Convierte valores RGB a HSV al instante con vista previa en vivo. Herramienta online gratuita para visión por computador, edición de imágenes y diseño web.

Herramientas para Desarrolladores 1

Utilidades 1

Especificidad CSS

Calcula la especificidad CSS de cualquier selector. Desglose por colores, comparación múltiple, soporta :is, :not, :has, :where según W3C.

Herramientas de Imagen 1

Extractor de colores dominantes

Extractor de colores dominantes gratis. Obtén 1-16 colores predominantes de cualquier imagen con median-cut. Exporta HEX, RGB, variables CSS y JSON.

Herramientas de Video 1

Filtro de Color

Ajusta brillo, contraste, saturación y matiz del vídeo en tu navegador. Presets cálido, frío, vibrante, vintage y noir, escala de grises, invertir, exporta MP4/WebM sin subir.