VLANlab
Catálogo
Acerca de
VLANlab
Frontend
11 tools
CSS Unit ConverterColor ToolkitGradient GeneratorcURL BuilderURL ParserURL Encoder/DecoderHTTP Status CodesBox Shadow GenFavicon GeneratorFlex & Gridrobots.txt Tester
VLANlab

CALCULAR • BUSCAR • VERIFICAR

What Is My IP?IPv6 TestSpeed Test
DNS LookupDNS PropagationDNS Health CheckerSPF AnalyzerPTR LookupCAA RecordSRV RecordDNS TraceDNS PrivacyDANE / TLSADNSSEC CheckerSPF BuilderDKIM GeneratorZone DiffPTR Zone Generator
Subnet CalculatorCIDR Range ViewerVLSM CalculatorVLAN PlannerBandwidth CalcIPv6 Subnet CalcIP ↔ BinarySupernet CalcCIDR MergeCIDR to IP RangeCIDR SplitIPv4 → IPv6CIDR OverlapFree IP Space FinderDHCP CalculatorMTU Calculator
WHOIS LookupDomain Age CheckerSubdomain FinderIP GeolocationASN / BGP LookupIP Blacklist CheckReverse IP LookupMAC Address LookupBGP Prefix LookupRPKI / ROA CheckDomain Availability
Email InspectorDKIM CheckerEmail HeadersSMTP TestSMTP TLS CheckMX Health CheckEmail SecurityDMARC Generator
Temp MailPronto
Is It Down?SSL/TLS CheckerOpen Port CheckerOG Tag CheckerOCSP CheckerPing / LatencyHTTP InspectorRedirect ChainCSP AnalyzerTech Stack CheckerBetaTracerouteBetaHTTP/2 + HTTP/3robots.txt ViewerSSL Cert DecoderBanner GrabberWebSocket TesterCORS TesterDomain MonitoringHTTP TimingStructured DataPWA ManifestSEO Auditor
One-Time SecretHash GeneratorPassword StrengthSecurity.txtCT Log SearchAXFR Zone Test
HTTP Sec ScorePronto
WebRTC Leak TestIP Reputation
JSON FormatterYAML FormatterBase64 / URL EncodeJWT DecoderRegex TesterUnix TimestampCron BuilderUUID / ULIDPunycode / IDNBase ConverterACL Generator
CSS Unit ConverterColor ToolkitGradient GeneratorcURL BuilderURL ParserURL Encoder/DecoderHTTP Status CodesBox Shadow GenFavicon GeneratorFlex & Gridrobots.txt Tester
Text CompareCase ConverterText CleanerText AnalyzerText TransformerList ToolsLorem GeneratorSlug Generator
Cloud VPC PlannerCloud IP RangeSecurity GroupsIAM AnalyzerK8s CIDR PlannerFirewall BuilderHCL FormatterEgress Cost CalcCloud DNS Zone
VM Cost EstimatorPronto
Proxmox Net ConfigVMware Port GroupHyper-V vSwitchVXLAN VNI PlannerKVM Net ConfigXCP-ng NetworkNSX-T Segment
Disposable Email DetectorPhone InspectorTor Exit NodeVPN/Proxy DetectDomain ReputationTyposquat DetectUsername SearchFavicon Hash
GitHub ActionsDockerfile Gendocker-composeArgoCD AppK8s Manifests
Acerca de

© 2026 VLANlab

Sin necesidad de iniciar sesión · Sin anuncios · Sin seguimiento

2.43.fdd8a93

Kit de herramientas de color

Convierte colores entre los formatos HEX, RGB, HSL, HSV y CMYK. Comprueba los índices de contraste según las WCAG, genera paletas de colores siguiendo reglas de armonía y crea escalas de tintes y sombras.

#3B82F6
HEX#3B82F6
RGB59, 130, 246
HSL217° 91% 60%
HSV217° 76% 96%
CMYK76% 47% 0% 4%
CSSrgb(59 130 246)

Herramientas relacionadas

Gradient Generator

Crea degradados CSS de forma visual. Configura los puntos de color, la opacidad y las posiciones para degradados lineales, radiales y cónicos, y copia el código CSS listo para usar.

CSS Unit Converter

Convierte al instante entre las 14 unidades CSS. Introduce px, rem, em, vw, vh, pt, cm, in o cualquier otra unidad y visualiza todas las conversiones de un solo vistazo, con compatibilidad con unidades relativas adaptadas al contexto.

URL Parser

Desglosa cualquier URL en sus componentes: protocolo, nombre de host, ruta, puerto, parámetros de consulta y fragmento. Se ejecuta íntegramente en tu navegador.

Acerca de esta herramienta

Acerca de Color Toolkit

Color Toolkit es una herramienta de color «cuatro en uno» para diseñadores y desarrolladores. La pestaña «Convertir» convierte cualquier color a seis formatos: HEX, RGB, HSL, HSV, CMYK y la sintaxis de la función rgb() de CSS. La pestaña «Contraste» comprueba los pares de colores de primer plano y de fondo según los cuatro umbrales de las WCAG 2.1 (AA normal, AAA normal, AA grande y AAA grande) y muestra una vista previa en tiempo real de la combinación. La pestaña «Paleta» genera seis tipos de armonías a partir de cualquier color base: complementaria, análoga, triádica, complementaria dividida, tetrádica y monocromática. La pestaña «Tonos» genera diez tintes hacia el blanco y diez tonos hacia el negro.

Cómo utilizarlo

Selecciona una pestaña para la tarea que estés realizando. En las pestañas «Convertir», «Paleta» y «Tonos», utiliza la muestra de color para abrir el selector nativo o escribe cualquier código HEX directamente en el campo de texto. También se aceptan colores CSS con nombre, como «coral» o «steelblue». En la pestaña «Contraste», configura los colores de primer plano y de fondo de forma independiente y utiliza el botón «Intercambiar» para invertir el par. Haz clic en cualquier muestra de color de las pestañas «Paleta» o «Tonos» para copiar su código HEX al portapapeles. En la pestaña «Convertir», cada fila de resultados tiene su propio botón de copiar.

Las relaciones de contraste de las WCAG siguen la fórmula establecida en las Pautas de Accesibilidad al Contenido Web 2.1. Una relación de 4,5:1 o superior cumple con el nivel AA para texto normal, mientras que una de 7:1 cumple con el nivel AAA. El texto grande (18 pt o 14 pt en negrita) tiene umbrales más bajos: 3:1 para el nivel AA y 4,5:1 para el nivel AAA. Utiliza la pestaña «Paleta» para explorar rápidamente diferentes opciones de diseño: haz clic en cualquier muestra para copiar su código HEX y pégalo en tu editor o herramienta de diseño.