VLANlab
카탈로그
소개
VLANlab
Frontend
11 tools
CSS Unit ConverterColor ToolkitGradient GeneratorcURL BuilderURL ParserURL Encoder/DecoderHTTP Status CodesBox Shadow GenFavicon GeneratorFlex & Gridrobots.txt Tester
VLANlab

계산 • 조회 • 확인

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 Mail곧
Is It Down?SSL/TLS CheckerOpen Port CheckerOG Tag CheckerOCSP CheckerPing / LatencyHTTP InspectorRedirect ChainCSP AnalyzerTech Stack Checker베타Traceroute베타HTTP/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 Score곧
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 Estimator곧
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
소개

© 2026 VLANlab

로그인 불필요 · 광고 없음 · 추적 없음

2.43.fdd8a93

색상 툴킷

HEX, RGB, HSL, HSV, CMYK 간에 색상을 변환하세요. WCAG 대비 비율을 확인하고, 조화 규칙에 따라 색상 팔레트를 생성하며, 틴트 및 쉐이드 스케일을 만들 수 있습니다.

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

관련 도구

Gradient Generator

CSS 그라데이션을 시각적으로 제작하세요. 선형, 방사형, 원뿔형 그라데이션의 색상 스톱, 불투명도 및 위치를 설정하고, 바로 사용할 수 있는 CSS 코드를 복사하세요.

CSS Unit Converter

총 14가지 CSS 단위 간 변환을 즉시 수행할 수 있습니다. px, rem, em, vw, vh, pt, cm, in 또는 기타 단위를 입력하면, 상황에 맞는 상대 단위 지원을 통해 모든 변환 결과를 한눈에 확인할 수 있습니다.

URL Parser

모든 URL을 프로토콜, 호스트명, 경로, 포트, 쿼리 매개변수 및 프래그먼트 등 구성 요소로 분해합니다. 브라우저 내에서 완전히 실행됩니다.

이 도구에 대해

Color Toolkit 소개

Color Toolkit은 디자이너와 개발자를 위한 4가지 기능을 한데 모은 색상 유틸리티입니다. ‘변환(Convert)’ 탭에서는 어떤 색상이든 HEX, RGB, HSL, HSV, CMYK 및 CSS rgb() 함수 구문 등 6가지 형식으로 변환해 줍니다. '대비(Contrast)' 탭은 전경색과 배경색 조합을 WCAG 2.1의 네 가지 기준(일반 AA, 일반 AAA, 대형 AA, 대형 AAA) 모두에 대해 검사하고, 해당 조합의 실시간 미리보기를 보여줍니다. '팔레트(Palette)' 탭은 임의의 기본 색상을 바탕으로 보색, 유사색, 삼원색, 분할 보색, 사원색, 단색 등 6가지 조화 유형을 생성합니다. '음영(Shades)' 탭은 흰색 쪽으로 10가지 명도 변형과 검은색 쪽으로 10가지 농도 변형을 생성합니다.

사용 방법

현재 수행 중인 작업에 맞는 탭을 선택하세요. ‘변환(Convert)’, ‘팔레트(Palette)’, ‘색조(Shades)’ 탭에서는 색상 견본을 사용하여 기본 색상 선택기를 열거나, 텍스트 필드에 HEX 코드를 직접 입력할 수 있습니다. ‘coral’이나 ‘steelblue’와 같은 명명된 CSS 색상도 사용할 수 있습니다. 'Contrast' 탭에서는 전경색과 배경색을 각각 독립적으로 설정하고, '스왑' 버튼을 사용하여 두 색상의 순서를 바꿀 수 있습니다. 'Palette' 또는 'Shades' 탭에서 색상 칩을 클릭하면 해당 HEX 코드가 클립보드에 복사됩니다. 'Convert' 탭에서는 각 출력 행마다 별도의 복사 버튼이 있습니다.

WCAG 명암비는 웹 콘텐츠 접근성 지침(WCAG) 2.1의 공식을 따릅니다. 4.5:1 이상의 명암비는 일반 텍스트 AA 등급을 충족하며, 7:1은 AAA 등급을 충족합니다. 큰 텍스트(18pt 또는 14pt 굵은 글씨)의 경우 AA 등급은 3:1, AAA 등급은 4.5:1로 기준치가 더 낮습니다. ‘팔레트’ 탭을 사용하여 디자인 방향을 빠르게 탐색해 보세요. 원하는 색상 샘플을 클릭하면 해당 HEX 코드가 복사되므로, 편집기나 디자인 도구에 붙여넣기만 하면 됩니다.