색상

HEX와 RGB를 양쪽으로 바꾸고, 두 자리씩 10진수로 푸는 과정을 막대로 보여 주며 투명도·HSL·OKLCH 코드와 글자 명암비도 함께 확인합니다.

HEX·RGB와 CMYK를 인쇄 조건(ICC 프로파일)별로 바꾸고, 네 판 망점과 인쇄 예상색·총 잉크량까지 보여 줍니다.

목록이나 CSS·JSON 글 속 색을 찾아 HEX·RGB·HSL·OKLCH로 한꺼번에 바꾸고, 팔레트와 색 카드로 중복·투명도·sRGB 밖 색을 보여 줍니다.

HEX·RGB·HSL 색을 넣으면 가장 가까운 CSS 색 이름과 색 차이, 계열 이름을 색상환 지도와 함께 보여 줍니다.

켈빈 색온도를 HEX·RGB 색으로, 색이나 xy 좌표를 상관 색온도·Duv로 바꾸고 분광 분포와 색도 지도로 보여 줍니다.

기준 색 하나로 조화 배색과 50~900 밝기 단계를 만들고 글자 대비·색각 구별을 확인합니다.

기준 색 하나로 배색 7가지를 한눈에 비교하고, 색상환에서 돌려 보며 화면에 입혀 글자 대비까지 확인합니다.

파스텔톤 색 조합을 계열·톤별로 뽑고 지도에서 다듬어 HEX·CSS 변수·PNG로 가져갑니다.

색을 고정해 가며 3~15색 팔레트를 뽑고, 화면 예시에 입혀 글자 대비까지 확인합니다.

두 색을 물감·빛·화면·CSS 방식으로 섞은 색을 비율별로 비교하고 단계 팔레트를 만듭니다.

HEX 색의 반전색을 바로 구하고 명암비, 보색과의 차이, 여러 색 한꺼번에 반전까지 봅니다.

사진·캡처에서 한 지점의 색상 코드를 찍고, 주요 색 팔레트와 글자 명암비까지 브라우저 안에서 확인합니다.

사진에서 3~10색 팔레트를 뽑아 색 자리 점과 함께 폴라로이드·스토리 카드 PNG로 저장합니다.

안내선과 정지 색을 끌어 그라데이션을 다듬고, 배경·글자·테두리·버튼에 맞는 CSS로 복사합니다.

후보 9개를 한 번에 뽑아 비교하고, 탁하지 않게 섞은 CSS와 원하는 크기의 PNG로 가져갑니다.

글자색·배경색 명도 대비를 WCAG 2.2로 판정하고, 기준을 넘는 가장 가까운 색과 색각 이상 미리 보기를 보여 줍니다.