Closest Official Color 페이지 개선
발행: (2026년 1월 31일 오전 04:17 GMT+9)
2 분 소요
원문: Dev.to
Source: Dev.to
Visit the Closest Official Color page
개요
이 도구는 주어진 색상에 가장 가까운 공식 색상을 찾고 다양한 시각적 변환 및 보완 정보를 제공합니다.
기능
- 색상 미리보기: 선택한 색상을 검정, 흰색 또는 회색으로 표시합니다.
- 채도 감소: 색상의 채도가 낮아진 버전을 표시합니다.
- 가산 색 혼합: 빨강, 초록, 파랑 또는 이 기본 색상의 조합을 추가한 결과를 시각화합니다.
- 대비 색상: 부정(반전) 색상을 포함한 대비 색상을 제공합니다.
색상 변환 함수
핵심 기능은 xs_style.js 라이브러리의 xs_color_convert 함수에 의해 제공됩니다.
xs_color_convert(fromColor, toColorType)지원되는 toColorType 값
| 유형 | 설명 |
|---|---|
hex | 16진수 표현 |
rgb | RGB 배열 |
hsv | HSV 값 |
hsl | HSL 값 |
hue | 색상(Hue) 구성 요소 |
lum | 휘도 |
dst | 채도 감소된 색상 |
gry | 회색 버전 |
gy~ | 회색빛 버전 |
wh~ | 흰색빛 버전 |
bk~ | 검은색빛 버전 |
100, 110, 111, … | 3자리 이진 코드로 어떤 기본 색상을 추가할지 나타냅니다 (예: 100 = 빨강, 110 = 노랑, 111 = 흰색) |
이러한 옵션을 통해 위에서 설명한 다양한 시각적 표현 및 보완 색상을 생성할 수 있습니다.