LAB색과 빛
Color Lab
이미지에서 팔레트를 만들고, 한 색을 골라 분석부터 명암까지 살펴봅니다.
이미지
이미지를 끌어다 놓거나 클릭하여 업로드하세요
또는 Ctrl+V로 클립보드에서 붙여넣기
팔레트
0아직 팔레트가 비어 있어요.
이미지에서 색을 뽑거나, 현재 색으로 시작하세요.현재 색 도구
현재 색의 값, 대비, 색각 차이, 인상을 봅니다.
색 포맷
#808080128 128 1280 0% 50%0 0% 50%0 50% 50%0% 0% 0% 50%53.6% 0 00.600 0.000 0.0000.600 0.000 89.9대비·가독성
흰 배경
검은 배경
가독성 좋은 글자색: 검정
색각 이상
정상
적색맹
녹색맹
청색맹
이름 · 인상
디자인에 적용해볼 연상 예시예요. 인상은 문화·용도·주변색에 따라 달라집니다.
균형·단순·구조
색의 강도보다 명암과 구조를 드러내고 싶을 때 비교해보세요. 강조색을 더했을 때 시선이 어디로 가는지도 보세요.
활용해볼 곳: 배경, 텍스트, 미니멀·프리미엄 디자인
현재 색과 함께 쓸 색을 만듭니다.
색상환 배색
색상환의 관계로 함께 쓸 색을 고르세요.
휠에서 정반대에 있는 색
그라데이션 팔레트
짝 색과 그 사이에 이어지는 색을 만드세요.
한난색 변형
따뜻하고 차가운 방향으로 색상과 밝기를 바꿉니다.
↑ 밝게
↓ 어둡게
현재 색으로 밝고 어두운 단계를 만듭니다.
회화용 명암 단계
따뜻한 명부·차가운 암부로 설계한 색 세트입니다.
틴트·셰이드·톤
흰색·검정·회색을 섞은 단계를 만드세요.
틴트 (+흰색)
셰이드 (+검정)
톤 (+회색)
구체에 적용
회화용 명암 단계의 일곱 색을 구체의 제자리에 그대로 칠했습니다.
올린 이미지의 색 면적과 밝기 분포를 봅니다.
이미지를 올리면 색별 면적, 명암, 밝기 분포, 아스키 아트를 볼 수 있어요.
구도 · 명암 덩어리 실험은 Composition Lab에서 할 수 있어요. Composition Lab ↗
색값, 주변색, 조명을 바꾸며 보이는 색을 비교합니다.
색의 세 속성 · 주변색
선택한 기준색#808080
조정한 색#808080
같은 색, 다른 배경
흑백 변환 기준 · 상대휘도 21.6%
눈의 색별 민감도를 반영해 회색으로 바꿉니다.
중심의 두 색은 같은 값입니다. #808080
흑백 밝기는 어떻게 정할까?
눈은 색에 따라 빛에 반응하는 정도가 다릅니다. 상대휘도는 이 차이를 반영해 검정 0%, 흰색 100%를 기준으로 계산한 값입니다.
노랑과 파랑 예시는 모두 HSL 밝기 50%입니다. 흑백으로 바꾸면 상대휘도에 따른 밝기 차이가 드러납니다.
배경 때문에 다르게 보여도 중심색과 상대휘도 값은 같습니다.
참고 · W3C의 상대휘도 설명 ↗ · 참고 · W3C의 HSL 설명 ↗빛에 따른 표면색
재질색을 기준으로, 빛의 방향과 색에 따른 변화를 관찰하세요.
같은 재질색도 빛과 주변 환경에 따라 달라 보입니다.
#808080비금속 조명 모델 · 바닥 반사광과 부드러운 그림자는 근사 표현입니다. 표면색 칩을 누르면 그 색으로 탐색합니다.
광량·거리·노출을 비교하려면 Light Lab에서 비교하기 ↗
왜 색이 달라질까요?
명부는 주광원이 직접 닿는 면입니다. 하이라이트는 빛과 시선의 관계에 따라 이동하는 반사로, 재질색과 별도로 빛의 색을 띱니다. 암부의 색은 환경과 반사광에 따라 달라집니다. 그림자가 항상 파란색인 것은 아닙니다.
형태의 명암을 봤다면, 이미지 전체의 밝고 어두운 면적도 비교해보세요.