#2596BE

색상 픽커 - RGB(37, 150, 190)

이 색상의 다양한 정보를 확인하고, 색조와 명도를 조절하며, 조화로운 색상 조합을 찾아보세요.

Color Picker

Screen color picker requires Chrome 95+ or Edge 95+

색상 정보

Selected
Hover
HEX
#2596BE
RGB
37, 150, 190

색상 변환

HEX
#2596BE
RGB
37, 150, 190
HSL
196, 67, 45
CMYK
81, 21, 0, 25

변형

이 색상의 음영과 선명한 색상(순수한 색상과 흰색 추가)와 음영(순수한 검은색 추가)을 10% 단위로 정렬하여 생성하는 것입니다.

음영

0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%

색조

0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%

색상 조합

미적으로 각 화음마다 고유한 분위기와 지닌 세 가지 색상을 구성해 보세요.

보색

색상환을 따라 균등하게 배치된 세 가지 색상은 각각 색조 간격이 120도씩 됩니다. 한 가지 색상을 강조하고 다른 색상은 강조하는 데 사용하는 것이 가장 좋습니다.

분할 보완

색상환에서 30도 간격으로 인접한 색조를 가지며, 동일한 채도와 명도도 지니고 있어 균등한 색 구성을 보장합니다.

삼부자

동일한 색조의 세 가지 색상으로, 밝기 +/-50%입니다. 미묘하고 세련된 효과를 다룹니다.

유사한

색상환에서 30도 간격으로 인접한 색조를 가지며, 동일한 채도와 명도도 지니고 있어 균등한 색 구성을 보장합니다.

단색

60도의 색조 차이를 구현된 두 세팅으로 보완됩니다.

4중체

대비 검사기

비율: 3.40
일반 (AA)실패
큰 텍스트 (AA)통과
Loading inspiration...

고급 색상 피커 기능

Professional tools for precise color creation and analysis

HSL 색상 제어

전문급 HSL (색조, 채도, 밝기) 제어를 통해 색상 선택을 정밀하게 제어할 수 있습니다. 정교한 색상 구성을 만들고 정확한 요구 사항에 맞게 색상을 미세 조정하는 데 완벽합니다.

색상 조화 생성기

보색, 유사색, 삼각색, 분할 보색, 단색, 사각색 구성을 자동으로 생성합니다. 시각적으로 즐겁고 균형 잡힌 색상 조합을 만들기 위한 색상 이론 원리를 기반으로 합니다.

틴트와 셰이드

자동으로 생성된 틴트(색상 + 흰색)와 셰이드(색상 + 검은색)로 선택한 색상의 다양한 변형을 탐색합니다. 디자인에서 깊이와 계층 구조를 만드는 데 필수적입니다.

WCAG 대비 검사기

전경과 배경 색상 간의 실시간 대비 비율 계산. 색상 선택이 텍스트 가독성과 사용자 경험을 위한 WCAG AA 및 AAA 접근성 표준을 충족하는지 확인합니다.

화면 색상 피커

고급 EyeDropper API를 사용하여 화면의 어느 곳에서든 색상을 선택할 수 있습니다. 다른 애플리케이션, 웹사이트 또는 디자인 도구의 색상을 색상 피커로 직접 매칭하는 데 완벽합니다.

원클릭 복사

모든 형식의 색상 값을 클립보드에 즉시 복사합니다. 디자인 소프트웨어, 코드 에디터 또는 문서로 색상을 빠르게 전송하여 워크플로우를 간소화합니다.

#2596BE Color - 고급 색상 피커 도구 - 완벽한 색상 조합 생성