디자인
컬러 유틸리티
HEX, RGB, HSL 색상을 변환하고 웹 접근성을 위한 WCAG 대비율을 확인합니다.
색상 변환
HEX
#007BFF
RGB
rgb(0, 123, 255)
HSL
hsl(211, 100%, 50%)
대비 확인 도구 (WCAG)
대비율 21.00
일반 텍스트
AA (4.5:1)
AAA (7.0:1)
큰 텍스트
AA (3.0:1)
AAA (4.5:1)
미리보기
다람쥐 헌 쳇바퀴에 타고파. 키스의 고유물은 입술이다.
최신 기사
Story
2026-03-09
재귀로 푸는 JSON→TypeScript 변환: 외부 라이브러리에 의존하지 않는 강점
API 응답에서 순식간에 타입 정의를 생성. 외부 파서 없이 재귀 알고리즘으로 가볍고 빠르게 구현한 뒷이야기를 소개합니다.
Read more →
Story
2026-03-09
안전한 JWT 검증 환경을 브라우저에. 보안 엔지니어의 시점
기밀성 높은 토큰을 안전하게 다루기 위해. jose 라이브러리와 로컬 처리를 조합한 JWT 도구의 설계 사상을 해설합니다.
Read more →
Story
2026-03-09
QR 코드 생성, 더 간편하고 안전하게
Canvas API와 node-qrcode를 조합하여 브라우저상에서 실시간 생성과 프라이버시 보호를 동시에 실현한 도구의 비하인드 스토리.
Read more →
Story
2026-03-09
데이터 전송 없이 안심. 브라우저 완결형 Diff 도구 개발 배경
텍스트 차이를 안전하고 빠르게 비교하기 위해, 외부 라이브러리를 활용하면서도 프라이버시를 최우선으로 설계한 비하인드 스토리.
Read more →
Story
2026-03-09
라이브러리 없는 타임존 변환: Intl API의 저력
Moment.js나 date-fns를 사용하지 않고 브라우저 표준 Intl API만으로 구현한 경량 타임존 처리 도구의 개발 비화.
Read more →
Story
2026-03-03
SQL to ER 도구 개발 비화: '브라우저 완결'에 집착한 이유
SQL로부터 ER 다이어그램을 생성하는 도구의 개발 배경과, 보안과 편의성을 동시에 잡기 위한 기술적 도전에 대해 소개합니다.
Read more →