색상 도구상자

색상 변환기

색상명 Sky Blue
밝기 65%

색상 팔레트 생성기

대비 검사기

대비 테스트용 샘플 텍스트

샘플 제목

대비 비율 21:1
WCAG AA Normal: ✓ Pass
WCAG AA Large: ✓ Pass
WCAG AAA Normal: ✓ Pass
WCAG AAA Large: ✓ Pass

색맹 시뮬레이터

정상 시각

시뮬레이션 시각

색맹 유형을 선택하여 다양한 색각 이상을 가진 사람들에게 색상이 어떻게 보이는지 확인하세요.

사용 방법

  1. 색상 변환기를 사용하여 HEX, RGB, HSL 형식 간 변환
  2. 다양한 색상 배치로 색상 팔레트 생성
  3. 접근성 준수를 위한 색상 대비 비율 확인
  4. 색맹을 가진 사람들에게 색상이 어떻게 보이는지 시뮬레이션

컬러 툴박스

무료 온라인 완전한 컬러 툴킷 - HEX/RGB/HSL 변환기, 컬러 팔레트 생성기, 대비 검사기, 색맹 시뮬레이터를 제공합니다. 디자이너 필수 도구입니다. 가입 불필요, 브라우저에서 로컬 처리되며 오프라인에서도 이용 가능합니다.

디자인 도구

대표적인 사용 상황

이 도구는 브라우저에서 바로 사용할 수 있도록 설계되었습니다. 설정을 조정하면 즉시 결과를 얻을 수 있고, 회원가입이나 서버 업로드가 거의 필요하지 않습니다.

가능한 한 브라우저 내부에서 처리하므로 사용자 마찰이 적고, 검색 유입을 위한 랜딩 페이지로도 더 적합합니다.

관련 주제

아래 키워드는 이 도구의 목적과 활용 장면을 이해하는 데 도움이 됩니다.

빠른 답변

어떤 색상 형식을 변환할 수 있나요?

HEX/RGB/HSL 상호 변환을 지원하며 값을 바로 복사할 수 있습니다.

팔레트는 어떻게 만들나요?

기본 색상과 스키마(보색/유사 등)를 선택한 뒤 Generate를 누르세요.

대비(콘트라스트) 검사는 어떻게 되나요?

전경/배경색을 선택하면 대비 비율과 WCAG AA/AAA 통과 여부가 표시됩니다.

컬러 툴박스 문서

무료 온라인 완전한 컬러 툴킷 - HEX/RGB/HSL 변환기, 컬러 팔레트 생성기, 대비 검사기, 색맹 시뮬레이터. 쉽고 무료한 온라인 컬러 도구.

개요

무료 온라인 완전한 컬러 툴킷 - HEX/RGB/HSL 변환기, 컬러 팔레트 생성기, 대비 검사기, 색맹 시뮬레이터. 쉽고 무료한 온라인 컬러 도구.

핵심 기능

主なポイントを以下にまとめます。

  • 색상
  • 헥스
  • rgb

전체 가이드 보기: 컬러 툴박스