Why are the three tools in one place?

All three exist to settle on one colour. Kept apart, you first have to decide which one to open. Each tool keeps its own address.

Does the image get uploaded to a server?

No. Colour extraction happens inside your browser and the image is never sent anywhere.

Why show the contrast ratio?

Text is hard to read when it is too close in brightness to its background. The convert tab shows that number alongside, so you can judge readability while choosing the colour.

Color tools

Name: 색상 도구
Author: KarmoLab

HEX·RGB·HSL · extract from an image · CSS color names

색상 도구

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)

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

밝기 단계

Three things in one place: convert color codes, pull the representative colors out of an image, and look up the standard CSS color names.

How to use it

Pick what to do from the tabs on top
For converting type a colour code; for extracting add an image
Click a result to copy it

Common questions

Why are the three tools in one place?: All three exist to settle on one colour. Kept apart, you first have to decide which one to open. Each tool keeps its own address.
Does the image get uploaded to a server?: No. Colour extraction happens inside your browser and the image is never sent anywhere.
Why show the contrast ratio?: Text is hard to read when it is too close in brightness to its background. The convert tab shows that number alongside, so you can judge readability while choosing the colour.

Other tools

Stays on your device What you enter is handled inside your browser only — nothing is stored or sent anywhere.

This tool page states where what you enter goes — see the badge above. All tools · KarmoLab · Who made this · Built with AI. View source