Nano Banana 2.1 출시 — Google 최신 모델 | 지금 체험 →
WAVESPEED AI COLOR PICKER 브라우저에서 실행
100% 무료

온라인 색상 선택기색을 고르고, 변환하고, 검사하고, 내보내세요.

색상환, 화면, 어떤 이미지에서든 색을 골라 HEX, RGB, HSL, HSV, OKLCH, CMYK로 복사하세요.
배색과 명암 단계를 만들고, 텍스트 대비를 검사하고, 색약인의 시선으로 확인한 뒤 바로 붙여넣을 수 있는 코드로 내보내세요.

어떤 이미지에서든 색 추출대비 검사기 내장CSS, Tailwind, Swift & Android 코드
가입 불필요 업로드 없음 워터마크 없음

색상 선택기 불러오는 중…

색상과 이미지는 기기에만 남습니다.
간단한 3단계

색상 선택기 사용 방법

01

색 고르기

색상환을 드래그하거나, 색상 코드를 입력하거나 붙여넣거나, 스포이트를 쓰거나, 사진을 열고 픽셀을 클릭하세요.

02

미세 조정 후 복사

RGB, HSL, HSV, OKLCH, CMYK 슬라이더로 조정하고 필요한 값을 클릭 한 번으로 복사하세요.

03

만들고 내보내기

배색이나 명암 스케일을 만들고, 대비와 색각 이상을 확인한 뒤, 프로젝트용 코드를 복사하거나 다운로드하세요.

알아 두면 좋아요

색을 고르는 팁

팔레트를 더 쓰기 쉽고 읽기 쉽게 만드는 몇 가지 습관입니다.

텍스트 대비는 일찍 확인

WCAG AA 기준으로 본문 텍스트는 배경 대비 최소 4.5:1, 큰 텍스트는 3:1이 필요합니다. 검사기가 통과하는 가장 가까운 색을 제안합니다.

고른 스케일에는 OKLCH

OKLCH의 명도는 눈에 보이는 밝기와 일치하므로, OKLCH로 만든 스케일은 중간이 탁해지지 않고 밝은 색에서 어두운 색까지 고르게 이어집니다.

색에만 의존하지 마세요

많은 사람에게 빨강과 초록은 비슷해 보입니다. 색각 이상 탭에서 팔레트를 미리 보고, 의미가 중요한 곳에는 라벨이나 아이콘을 더하세요.

사진에서는 평균값으로

사진은 가까이서 보면 노이즈가 많습니다. 3×3이나 5×5 샘플을 쓰면 튀는 픽셀 하나가 아닌 눈에 보이는 색을 얻습니다.

이미지로 팔레트 시작

마음에 드는 사진을 열고 5~8가지 색을 추출하세요. K-means는 주요 색을 찾고, median cut은 작은 포인트 색도 살립니다.

여기서의 CMYK는 추정치

인쇄 색은 종이와 인쇄기에 따라 달라집니다. CMYK 값은 출발점으로 삼고 인쇄소의 프로파일로 확인하세요.

WaveSpeed AI

팔레트를 이미지로

WaveSpeed AI로 프롬프트에서 브랜드 색상의 이미지와 동영상을 생성하세요.

  • 1,000개 이상의 AI 모델
  • 이미지, 비디오, 3D
  • 사용한 만큼 결제

조건을 충족하는 신규 계정에 $1 무료 크레딧. 카드 필요 없음. 생성기는 계정과 크레딧이 별도로 필요합니다. 무료인 것은 색상 선택기뿐입니다.

색상 선택기 FAQ

이미지에서 색을 어떻게 고르나요?

이미지 탭을 열고 사진이나 스크린샷을 고르거나 붙여넣은 뒤, 아무 픽셀이나 클릭하거나 탭하세요. 돋보기가 정확히 어느 픽셀인지 보여 주며, 3×3부터 11×11 영역까지 평균을 낼 수 있습니다. 이미지는 브라우저에서 읽히며 기기에만 남습니다.

화면 어디에서든 색을 고를 수 있나요?

네, 스포이트를 지원하는 브라우저(데스크톱의 Chrome, Edge 및 기타 Chromium 브라우저)에서 가능합니다. 스포이트를 누르고 화면의 아무 픽셀이나 클릭하세요. 브라우저 창 밖도 됩니다. 다른 브라우저에서는 스크린샷을 찍어 이미지 탭에 붙여넣으세요.

HEX를 RGB로 어떻게 변환하나요?

색상 필드에 HEX 코드를 입력하거나 붙여넣으면 아래에 RGB 값이 나타나 바로 복사할 수 있습니다. 여러 색을 한 번에 변환하려면 변환 탭에 한 줄에 하나씩 붙여넣고 출력 형식을 고르세요.

어떤 색상 형식을 지원하나요?

HEX(3, 4, 6, 8자리), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab, CMYK와 모든 CSS 색 이름을 지원합니다. “255, 87, 51”처럼 함수 이름 없이도 값을 붙여넣을 수 있습니다.

OKLCH란 무엇이고 왜 쓰나요?

OKLCH는 색을 지각 명도, 채도(선명함), 색조로 나타냅니다. 같은 간격이 똑같이 보이므로 명암 스케일과 일관된 팔레트에 이상적이며, 최신 CSS에서 oklch()로 지원됩니다.

대비 검사기는 어떻게 작동하나요?

텍스트와 배경 사이의 WCAG 2 대비율을 계산해 일반·큰 텍스트와 인터페이스 요소에 대해 AA와 AAA 통과 여부를 보여 줍니다. WCAG 3 초안의 APCA 명도 대비(Lc)도 보여 주고, 통과하는 가장 가까운 색을 제안합니다.

색상 팔레트는 어떻게 만드나요?

기본 색을 고른 뒤, 배색에서 보색, 3색 등 조합을 쓰거나, 명암에서 틴트, 셰이드, 50–950 스케일을 쓰세요. 사진에서 팔레트를 추출할 수도 있습니다. 즐겨찾는 색을 저장하고 코드로 내보내세요.

Tailwind, SwiftUI, Android용으로 색을 내보낼 수 있나요?

네. 내보내기 탭에서 팔레트를 CSS 변수, SCSS, Tailwind v4 @theme 또는 v3 설정, SwiftUI, UIKit, Android colors.xml, Jetpack Compose, JSON, GIMP 팔레트, 일반 hex 목록으로 작성합니다. 복사하거나 파일로 다운로드하세요.

이 색상 선택기는 무료인가요?

네. 가입, 제한, 워터마크 없이 무료이며, 모든 것이 브라우저에서 실행됩니다.

모든 무료 도구

다음 색을 골라 보세요

무료, 비공개, 브라우저에서 바로.

색상 선택기 열기