색상 선택기
온라인 색상 선택 도구, HEX, RGB, HSL 형식互相 변환,配色方案 생성
색상 선택
#2563eb
색상 입력
最近使用
기록 없음
색상 형식
HEX#2563eb
RGBrgb(37, 99, 235)
HSLhsl(217, 91%, 53%)
配色方案
보색
類似色
三等分色
분할 보색
明暗 변화
浅色调
深色调
색상 선택기란?
색상 선택기는前端 개발과 UI设计에서常用되는 도구로, 색상을 정확하게 선택하고不同 형식之间转换하는 데 도움이 됩니다. HEX는 16진수를使用하여表示하고, RGB는红绿蓝三原色을 기반으로 하며, HSL은色相, 채도, 明度을 기반으로 하여各有适用的场景입니다.
사용 방법
- 색상 선택기를 클릭하여 색상을 선택하거나 입력란에 색상 값을 입력합니다
- HEX, RGB, HSL三种 형식의转换结果를 확인합니다
- 형식 옆의 복사 버튼을 클릭하여 색상 값을 복사합니다
- 配色方案을参考하여 보색,類似色等搭配建议을获取합니다
- 明暗 변화를查看하여同一色系의深浅变体을 확인합니다
주요 용도
- CSS 개발: 스타일 코드에 사용할 HEX/RGB/HSL 색상 값을빠르게获取
- UI 设计: 브랜드主色을 선택하고完整한 配色方案을 생성
- 无障碍检测: 文字과 배경색이足够的对比度를 가지도록 확인
- 색상转换:不同的 색상 형식之间빠르게转换
자주 묻는 질문 (FAQ)
Q: HEX, RGB, HSL의 차이는?
A: HEX는 16진수(예: #2563eb)를使用하며 CSS에서常见합니다. RGB는红绿蓝分量(예: rgb(37,99,235))을使用하며 프로그래밍 처리에适合합니다. HSL은色相/饱和度/亮度(예: hsl(217,91%,53%))을使用하며更加直观易懂합니다.
Q: 보색이란 무엇인가요?
A: 보색은色轮에서相对位置에 있는两种 색상으로, 예를 들어红과绿, 蓝과橙等입니다. 보색搭配는对比가强烈하여需要突出显示하는场景에서常使用됩니다.
Q: 良好한 配色方案은 어떻게 선택하나요?
A: 類似色搭配는和谐自然하여大部分场景에适合합니다. 보색对比가强烈하여元素를强调하는 데适合합니다. 三等分色는丰富多彩하여活泼한风格에适合합니다. 主色 60%, 辅色 30%, 强调色 10%의比例를 권장합니다.
Q: 색상 데이터가 서버에 업로드되나요?
A: 아니요. 모든 색상 계산은 브라우저 로컬에서完成되며, 어떠한 데이터도 업로드되지 않습니다.