HEX to Tailwind 변환

HEX to Tailwind 변환

HEX를 Tailwind로 바꾸는 변환기입니다. CIEDE2000으로 기본 팔레트에서 가장 가까운 클래스를 찾습니다. v3에서 #3B82F6은 blue-500입니다.

사용 방법

1. HEX를 붙이거나, 색을 고르거나, 무작위, 예시 스와치, 또는 화면 스포이드.
2. v4 또는 v3를 고릅니다. 최근접 클래스, HEX, ΔE00을 확인합니다.
3. bg-, text-, border-, ring-, fill- 또는 bg-[#1D9BF0]를 복사합니다.
4. 가장 가까운 색이 아니면 대안을 클릭합니다. 아래 격자는 선택한 버전의 전체 기본 팔레트입니다.
5. 예시는 #3B82F6입니다. 결과 복사는 선택한 접두사가 붙은 클래스입니다. 일괄은 HEX와 클래스 이름을 섞을 수 있습니다.

ΔE 읽기

ΔE ≤ 1은 사실상 같은 색. ΔE ≤ 2는 UI에 충분. ΔE ≤ 5는 배경용. 더 크면 bg-[#hex]로 정확한 색을 유지하세요.

주의사항

기본 팔레트만(slate…rose, 50–950, 흑백). 사용자 테마는 없습니다. 대비는 Color Converter. 관련: HEX to RGB.

어디에 쓰이나

목업 HEX를 클래스로, 브랜드색 쌍둥이 확인, 업그레이드 전 v3와 v4 비교.

자주 묻는 질문