세 도구가 왜 한 곳에 있나요?

셋 다 색 하나를 정하려고 쓰는 일이라 따로 두면 어느 걸 눌러야 할지부터 고민하게 됩니다. 각 도구의 개별 주소는 그대로 살아 있습니다.

이미지가 서버로 올라가나요?

아니요. 색 추출은 브라우저 안에서만 처리하고 이미지를 어디로도 보내지 않습니다.

글자와 배경의 밝기 차이가 부족하면 읽기 어렵습니다. 변환 탭에서 그 값을 함께 보여 주어 색을 고를 때 가독성을 같이 판단할 수 있게 했습니다.

Name: 색상 도구
Author: KarmoLab

HEX·RGB·HSL 변환 · 이미지에서 추출 · CSS 색 이름

HEX·RGB·HSL 변환, 이미지에서 색 추출, CSS 색 이름표를 한 곳에서

색 선택

표기

HEX#5865F2복사

RGBrgb(88, 101, 242)복사

HSLhsl(235, 86%, 65%)복사

CMYKcmyk(64%, 58%, 0%, 5%)복사

CSS 변수--color: #5865f2;복사

Android0xFF5865F2복사

가독성 (WCAG 대비비)

흰 글자 4.61 : 1

AA (본문 OK)

검은 글자 4.56 : 1

AA (본문 OK)

조화 팔레트 — 클릭하면 그 색으로 이동

밝기 단계

색 코드를 서로 변환하고, 이미지에서 대표 색을 뽑고, CSS 표준 색 이름을 찾아보는 세 가지를 한 곳에 모았습니다.

이렇게도 부른다 — color · picker · converter · 색깔 · 컬러 · 팔레트 · 색조합

세 도구가 왜 한 곳에 있나요?: 셋 다 색 하나를 정하려고 쓰는 일이라 따로 두면 어느 걸 눌러야 할지부터 고민하게 됩니다. 각 도구의 개별 주소는 그대로 살아 있습니다.
이미지가 서버로 올라가나요?: 아니요. 색 추출은 브라우저 안에서만 처리하고 이미지를 어디로도 보내지 않습니다.
대비비는 왜 보여 주나요?: 글자와 배경의 밝기 차이가 부족하면 읽기 어렵습니다. 변환 탭에서 그 값을 함께 보여 주어 색을 고를 때 가독성을 같이 판단할 수 있게 했습니다.

기기 안에서만 넣은 내용은 브라우저 안에서만 처리되며 어디에도 저장·전송되지 않습니다.