Opacity100%
r102
g126
b234
HEX#667EEA
HEXA#667EEAFF
RGBrgb(102, 126, 234)
RGBArgba(102, 126, 234, 1)
HSLhsl(229, 76%, 66%)
HSLAhsla(229, 76%, 66%, 1)
HWBhwb(229 40% 8%)
LABlab(56% 22 -57)
LCHlch(56% 61.1 291.1)
OKLABoklab(0.63 0 -0.16)
OKLCHoklch(0.63 0.16 270)
#667EEA
Category:color
Mode:Offline
Version:1.0.0
Access:Free
색상 선택기 및 변환기란 무엇입니까?
Color Picker & Converter는 시각적으로 색상을 선택하고 HEX, RGB 및 HSL을 포함한 인기 있는 색상 형식을 변환할 수 있는 무료 온라인 도구입니다. 웹 디자이너, 개발자, 그래픽 아티스트 및 디지털 색상으로 작업하는 모든 사람에게 필수적인 유틸리티입니다.
이 도구는 스펙트럼 선택기, 밝기 및 채도 컨트롤, 불투명도 슬라이더가 있는 대화형 색상 선택기를 제공합니다. 색상을 선택하면 해당 16진수 코드, RGB 값 및 HSL 값이 즉시 표시되어 프로젝트에 필요한 정확한 형식을 쉽게 얻을 수 있습니다.
기본 색상 선택 외에도 이 도구는 선택한 색상을 기반으로 보완, 유사 및 기타 색상 하모니 팔레트를 생성합니다. 이를 통해 웹사이트, 앱 및 디자인 프로젝트에 대한 응집력 있는 색 구성표를 빠르게 구축할 수 있습니다. 모든 처리는 설치가 필요 없이 브라우저에서 실행됩니다.
HEX,RGB 및 HSL 은 세 가지 색상 공간이 아닌 동일한 sRGB 색상을 작성하는 세 가지 방법이므로 두 색상 사이를 변환하는 것은 양방향에서 정확하고 무손실입니다. HSL 은 추론하기에 유용한 방법입니다. 색조를 유지하면서 밝기 또는 채도를 조정하면 색상이 동일한 제품군에 유지되므로 16 진수 편집으로는 훨씬 어렵습니다. 최신 CSS 는 oklch 및 display-p3 와 같이 sRGB 외부에 도달하는 표기법을 추가하고 이러한 표기법은 16 진수 값이 표시 할 수없는 색상을 설명 할 수 있습니다. 여기에 표현 된 모든 것은 모든 디스플레이가 표시 할 수있는 안전한 공통 기반 인 sRGB 내부에 머물러 있습니다. 브라우저가 하나를 제공하는 아이드로퍼는 소스 색상이 아닌 렌더링 된 픽셀을 샘플링하므로 스케일링되거나 색상 관리가 완료된 이미지에서 선택한 값은 원본 파일과 약간 다를 수 있습니다.
색상 선택기 및 변환기를 사용하는 방법은 무엇입니까?
1
색상 선택
Visual Color Picker를 사용하여 스펙트럼을 클릭하거나, Hue 슬라이더를 조정하거나, 특정 색상 값을 임의의 형식으로 입력하여 색상을 선택합니다.
2
색상 값 보기
16진수, RGB 및 HSL 형식으로 표시되는 선택된 색상을 동시에 참조하십시오. 색상을 조정하면 각 형식이 실시간으로 업데이트됩니다.
3
색상 하모니 탐색
응집력 있는 팔레트를 만들기 위해 선택한 색상을 기반으로 보완, 유사, 3차 및 기타 색상 조화 제안을 봅니다.
4
색상 코드 복사
색상 형식을 클릭하여 클립보드에 복사합니다. CSS, 디자인 도구 또는 응용 프로그램에서 직접 사용하십시오.
주요 특징
알파 채널 지원
8자리 HEX와 rgba를 읽고 쓰므로 투명도가 있는 색상은 알파를 잃지 않고 변환 후에도 살아남습니다
다중 형식 변환
단일 색상 선택으로 16진수, RGB 및 HSL 색상 형식을 즉시 변환
시각적 색상 선택기
정확한 색상 선택을 위한 색조, 채도 및 밝기 컨트롤이 있는 대화형 색상 스펙트럼
색상 하모니 팔레트
보완, 유사, 3차원 및 분할 보완 색 구성표를 자동으로 생성
Frequently Asked Questions
6자리 16진수 코드를 3개 쌍으로 나누고 각 쌍을 0에서 255까지 16진수로 읽습니다. #FF5733에서 FF는 255(빨간색), 57은 87(녹색), 33은 51(파란색)이며 RGB(255, 87, 51)를 제공합니다. 16진수 코드를 선택기에 붙여넣으면 RGB 및 HSL 값이 즉시 나타납니다.
Related Tools
CLR
color
Color Contrast Checker
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
CLR
color
Color Converter
Convert color codes between HEX, RGB, HSL, HWB, and CMYK instantly
CLR
color
Color Palette Generator
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
CLR
color
Color Shades Generator
Generate tints, shades, and tones from any base color
Comments
0 comments
No comments yet. Be the first to share your thoughts!
colorpickerconverterhexrgbhslpalettecomplementaryanalogous