이럴 때 유용해요
- 브랜드 컬러 조합 정리
- 텍스트 대비 비율 확인
- CSS 그라디언트 빠른 생성
Tool
색상 팔레트/그라디언트
HEX/RGB/HSL 변환, 팔레트, 대비, CSS 그라디언트를 만듭니다. UI 색상 조합과 텍스트 대비를 한 화면에서 확인합니다.
색상 팔레트/그라디언트 안내
색상 도구는 HEX, RGB, HSL 변환부터 팔레트와 대비 비율, CSS 그라디언트까지 한 화면에서 확인할 수 있습니다.
브랜드 컬러를 다듬거나 UI 접근성 대비를 점검할 때 특히 편리합니다.
사용 방법
- 기준 색상을 입력하거나 선택합니다.
- 변환값, 팔레트, 대비 비율을 확인합니다.
- 필요한 CSS 값이나 색상 코드를 복사합니다.
자주 묻는 질문
텍스트 대비를 확인할 수 있나요?
선택한 배경색과 텍스트색의 대비 비율을 계산해 접근성 기준을 확인할 수 있습니다.
CSS 그라디언트 코드를 복사할 수 있나요?
선택한 두 색상으로 만든 CSS linear-gradient 값을 화면에서 바로 확인할 수 있습니다.