VLANlab
Catalog
About
VLANlab
Frontend
11 tools
CSS Unit ConverterColor ToolkitGradient GeneratorcURL BuilderURL ParserURL Encoder/DecoderHTTP Status CodesBox Shadow GenFavicon GeneratorFlex & Gridrobots.txt Tester
VLANlab

CALCULATE • LOOKUP • VERIFY

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 MailSoon
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 ScoreSoon
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 EstimatorSoon
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
About

© 2026 VLANlab

No login · No ads · No tracking

Color Toolkit

2.35.ae89349

Color Toolkit

Convert colors between HEX, RGB, HSL, HSV, and CMYK. Check WCAG contrast ratios, generate color palettes with harmony rules, and create tint and shade scales.

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

Related Tools

Gradient Generator

Build CSS gradients visually. Configure color stops, opacity, and positions for linear, radial, and conic gradients and copy the ready-to-use CSS.

CSS Unit Converter

Convert between all 14 CSS units instantly. Enter px, rem, em, vw, vh, pt, cm, in, or any other unit and see all conversions at once with context-aware relative unit support.

URL Parser

Break any URL into its components - protocol, hostname, path, port, query parameters and fragment. Runs entirely in your browser.

About this tool

About Color Toolkit

Color Toolkit is a four-in-one color utility for designers and developers. The Convert tab translates any color into six formats: HEX, RGB, HSL, HSV, CMYK, and the CSS rgb() function syntax. The Contrast tab checks foreground and background color pairs against all four WCAG 2.1 thresholds - normal AA, normal AAA, large AA, and large AAA - and shows a live preview of the combination. The Palette tab generates six harmony types from any base color: complementary, analogous, triadic, split-complementary, tetradic, and monochromatic. The Shades tab produces ten tints toward white and ten shades toward black.

How to use

Pick a tab for the task at hand. On Convert, Palette, and Shades, use the color swatch to open the native picker or type any HEX code directly into the text field. Named CSS colors like coral or steelblue are also accepted. On Contrast, set foreground and background colors independently and use the swap button to reverse the pair. Click any color chip on the Palette or Shades tabs to copy its HEX code to clipboard. On Convert, each output row has its own copy button.

WCAG contrast ratios follow the Web Content Accessibility Guidelines 2.1 formula. A ratio of 4.5:1 or higher passes normal text AA, 7:1 passes AAA. Large text (18pt or 14pt bold) has lower thresholds of 3:1 for AA and 4.5:1 for AAA. Use the Palette tab to explore design directions quickly - click any chip to copy its HEX and paste it into your editor or design tool.