Irodori彩り

색채 아틀리에 · Irodori 彩り

무료 색 추출기: 어떤 이미지에서도 즉시 색을 뽑아냅니다.

이미지를 업로드, 붙여넣기 또는 URL로 불러와 HEX, RGB, HSL, OKLCH, Lab, CMYK를 확인하세요. 가입은 필요 없습니다.

색 추출 색 둘러보기

모든 작업은 브라우저 안에서 실행됩니다. 업로드도 가입도 없습니다.

朱砂 zhū shā #C3272B สีแสด si saet #EE8B2B 황 hwang #F5B22E 若竹 wakatake #6BA24A Xanh xanh #007A3D 孔雀绿 kong que lu #2E8B72 Biru biru #3A6EA5 जामुनी jamuni #6B3F8C Ягаан yagaan #D96A8B

실시간 작업대

어떤 색에서든 시작하세요

이미지를 끌어다 놓거나 값을 입력하면 모든 형식이 즉시 바뀝니다.

데이터 보호가 중요하다고 생각합니다. 이미지는 기기 밖으로 나가지 않습니다.

선택한 색

HEX#104E8B
RGBrgb(16, 78, 139)
HSLhsl(210 79% 30%)
상세대비 확인

팔레트

10가지 색 색을 클릭하면 복사하거나 새로 뽑은 색으로 바꿉니다.
#104E8B#A9D1E3#007A3D#F5B22E#C3272B#77428D#FCE9EE#3A3A40#6A5ACD#D6E8EE

하나의 색, 여러 언어

같은 색을 여섯 가지로 읽기

CSS에는 HEX, 화면에는 RGB, 팔레트에는 HSL, 인쇄에는 CMYK, 지각 설계에는 OKLCH와 Lab. 전부 기기 안에서 계산합니다.

변환기 열기

아시아 전통색

이미 이름을 가진 색

일본·중국·한국·베트남은 물론 태국·티베트·인도·몽골·인도네시아 바틱까지, 원어 이름·발음·정확한 HEX와 함께.

일본 전통색 藍 · 群青 · 空色 22
중국 전통색 天青 · 月白 · 缥 22
한국 전통색 청 · 적 · 황 15
베트남 전통색 Đỏ · Vàng · Trắng 7
태국 전통색 สีแดง · สีเหลือง · สีชมพู 10
티베트 전통색 白云 · 蓝天 · 红火 10
인도 전통색 केसर · हल्दी · गुलाल 10
몽골 전통색 Хөх · Цагаан · Улаан 10
인도네시아 바틱 색 Soga · Nila · Putih 10
색명 도감 보기

실제 시스템

실제로 쓰는 팔레트에 맞춰

여섯 가지 디자인 시스템을 공식 파일에서 그대로 가져왔습니다. 근사치가 아닙니다.

Material Design 톤 89 Material Web v0.192 · md-ref-palette Tailwind CSS 팔레트 286 Tailwind CSS v4 · theme.css UnoCSS 팔레트 264 UnoCSS preset-mini · Tailwind v3 + Windi Panda CSS 토큰 242 Panda CSS · @pandacss/preset-panda Vanilla Extract 테마 3 vanilla-extract · createTheme docs example StyleX 토큰 6 StyleX · defineVars docs example Bootstrap 팔레트 29 Bootstrap v5.3.8 · _variables.scss Ant Design 팔레트 130 Ant Design · @ant-design/colors 7.2.1 Open Color 130 Open Color 1.9.1 · open-color.js Chakra UI 팔레트 100 Chakra UI · @chakra-ui/theme 3.4.1 Radix Colors 360 Radix Colors 3.0.0 · light scales Fluent UI 브랜드 컬러 64 Fluent UI · @fluentui/tokens brandColors Primer 팔레트 20 Primer · @primer/primitives 11.10.0 light Polaris 팔레트 192 Shopify Polaris · polaris-tokens 9.4.2
모든 도구

접근성

대비도 색 결정입니다

출시 전 WCAG 비율을 확인하고 네 가지 색각을 시뮬레이션하세요.

WCAG 2.2AA 4.5:1AAA 7:121:1
대비 확인WCAG 대비 색맹 시뮬레이션색각 시뮬레이션

자주 묻는 질문

이미지에서 색을 어떻게 뽑나요?
이미지를 업로드하거나 클립보드에서 붙여넣고 URL을 입력한 뒤 이미지를 클릭하면 HEX, RGB, HSL, OKLCH, Lab, CMYK 값이 표시됩니다.
HEX 색상 코드란?
HEX 코드는 빨강, 초록, 파랑 채널을 6자리 16진수로 표현한 값입니다(예: #FF5733). CSS, 디자인 도구, 브랜드 가이드에서 가장 흔히 쓰입니다.
이 추출기는 무료인가요?
네. 이 사이트의 모든 도구는 무료이며 가입이 필요 없습니다. 이미지는 브라우저에서만 처리되고 서버로 전송되지 않습니다.
어떤 색 형식을 지원하나요?
HEX, RGB, HSL, OKLCH, Lab, LCH, CMYK, XYZ, LUV, HWB와 WCAG 대비, 색각 시뮬레이션을 지원합니다.
이 색을 내 디자인에 쓸 수 있나요?
물론입니다. 색 값 자체에는 권리가 없습니다. 값을 복사해 CSS, UI, 인쇄, 일러스트에 사용하세요.

다음 팔레트는 여기서 시작됩니다.

무료, 비공개, 빠름. 가입 필요 없음.

컬러 피커 열기