← 도구로 돌아가기

색상 도구

색상 형식 변환, 팔레트 생성 및 대비 확인

색상 변환

변환 결과

HEX
#FF5733
RGB
rgb(255, 87, 51)
HSL
hsl(9, 100%, 60%)
CSS
color: #FF5733;

팔레트 생성

생성된 팔레트
색상을 클릭하여 코드 복사

그라데이션 생성

CSS Linear Gradient
linear-gradient(90deg, #FF5733, #33A1FF)
미리보기

대비 확인

대비 비율
21:1
AA 일반 텍스트
✓ 통과
AAA 향상된 대비
✓ 통과
미리보기

제목 텍스트

이것은 색상 대비가 접근성 기준을 충족하는지 테스트하기 위한 샘플 텍스트입니다.