컬러 믹서

색상환에서 마주 보는 두 색(빨강↔초록 등)을 섞으면 중간에서 서로 상쇄되어 무채색에 가까워집니다.

이럴 때는 경유색을 하나 두고 두 번 나눠 섞으세요. 빨강에서 곧장 파랑으로 가는 대신 빨강→자주, 자주→파랑 구간을 각각 뽑아 이어 붙이면 중간이 죽지 않습니다.

사람 눈은 밝기를 균등하게 느끼지 않습니다. 숫자로는 고르게 나눠도 어두운 구간이 더 급하게 느껴집니다. 이럴 때는 단계를 늘리고 필요한 구간의 색만 골라 쓰는 편이 자연스럽습니다.

색상 원을 눌러 직접 고르거나, 이미 아는 색 값이 있다면 #RRGGBB 형태로 입력하면 됩니다.

• 브랜드 팔레트를 만들 때 — 브랜드 색의 아주 밝은 버전과 아주 진한 버전을 양 끝에 두세요
• 그래프 색을 정할 때 — 서로 충분히 구분되는 두 색을 고르고 항목 수만큼 단계를 나누세요
• 회색 계열이 필요할 때 — 흰색과 검정 대신 아주 연한 색과 아주 진한 색을 쓰면 화면이 덜 딱딱해 보입니다

한 번에 나눌 수 있는 단계는 8·12·16·20 중에서 고릅니다. 더 잘게 나눠야 한다면 구간을 쪼개서 두 번 뽑으세요.

예를 들어 40단계가 필요하면, 시작색에서 중간색까지 20단계·중간색에서 끝색까지 20단계를 각각 뽑아 이어 붙이면 됩니다.

• CSS 그라데이션 코드를 만들지 않습니다. 색 값만 뽑아 줍니다
• 세 가지 이상의 색을 한 번에 섞을 수 없습니다 — 두 색씩 나눠 뽑아 이어 붙이세요
• 기준 색에서 어울리는 조합을 찾으려면 컬러 팔레트 생성기
• 사진에서 색을 뽑으려면 이미지 색상 추출