서로 어울리는 구분되는 색
밝기와 채도가 같은 서로 다른 색을 여러 개 만듭니다. 아이콘, 태그, 차트, 슬라이드에서 하나의 세트처럼 보입니다.
색을 클릭하면 HEX가 복사됩니다.
함께 놓으면 이렇게 보여요
- 홈
- 메시지
- 캘린더
- 파일
- 사진
- 음악
코드
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ce내 색 확인하기
이미 쓰고 있는 색을 한 줄에 하나씩, 또는 공백으로 구분해 붙여넣으세요. 같은 수준인지 알려 주고, 색상은 그대로 두고 맞춰 준 세트를 보여 드립니다.
자주 묻는 질문
HSL 밝기가 같은데 왜 색이 고르지 않게 보이나요?
HSL은 모든 색상을 똑같이 다루지만 사람의 눈은 그렇지 않습니다. HSL 숫자가 같아도 노랑과 초록은 파랑보다 훨씬 밝게 보입니다. 이 도구는 OKLCH로 계산해서 밝기가 같으면 눈으로도 같게 보입니다. 그래서 아이콘이나 차트 막대 하나만 튀지 않습니다.
사람은 몇 가지 색을 구분할 수 있나요?
차트나 범례에서는 대부분 6~8가지 색을 빠르게 구분합니다. 색 옆에 라벨이 있으면 12가지까지도 쓸 수 있습니다. 항목이 더 많다면 작은 항목은 묶거나, 라벨, 무늬, 아이콘을 더하세요.
어떤 분위기를 고르면 좋을까요?
파스텔과 부드러운 색은 어두운 글자를 쓰는 태그나 배지 배경에 어울립니다. 선명한 색과 진한 색은 흰 배경의 아이콘, 차트 막대와 선에 어울립니다. 깊은 색과 어두운 색은 흰 글자를 쓰는 타일이나 다크 테마의 강조색에 어울립니다.
이 색 위에 글자를 올려도 되나요?
네. 미리 보기에서 색마다 검은색 또는 흰색 글자를 골라 줍니다. 밝은 분위기에는 어두운 글자, 깊은 분위기에는 흰 글자가 맞습니다. 본문에는 대비 검사기에서 정확한 조합을 확인하세요.
밝기가 같은 색은 색약인 사람에게도 안전한가요?
같은 수준의 색은 색상만 다른데, 색약인 사람에게는 이 부분이 가장 어렵습니다. 차트에는 라벨이나 무늬를 더하거나, 색약 시뮬레이터로 세트를 확인하세요. 글자 라벨이 있는 아이콘이라면 대체로 괜찮습니다.