색상 음영 생성기

이것은 색조를 알아볼 수 있게 유지하면서 색을 바꾸는 세 가지 고전적인 방법입니다. 셰이드는 색을 검정과 섞어 더 어둡게 만듭니다. 틴트는 흰색과 섞어 더 밝고 부드럽게 만듭니다. 톤은 회색과 섞어 순수한 검정이나 흰색 쪽으로 밀지 않으면서 색을 차분하게 만듭니다. 이 도구는 원래 색상에서 0%까지 11단계 띠로 세 가지 모두를 생성합니다.

각 단계는 HSL의 명도를 조정하는 대신, 색상의 빨강, 초록, 파랑 채널을 고정된 비율로 목표(검정, 흰색, 또는 회색)를 향해 혼합합니다. 이는 대부분의 색상 참조 도구가 사용하는 것과 같은 단순한 선형 보간 방식입니다. 이는 진행을 시각적으로 균일하게 유지하며, 물감이나 잉크를 검정, 흰색, 또는 회색을 향해 섞었을 때 얻는 결과와 일치합니다.

보색은 채도와 명도를 그대로 유지하면서 색상환에서 색조만 180° 회전시키므로, 선명한 빨강은 똑같이 선명한 청록색이 됩니다. 이것이 색채 이론과 디자인에서 사용되는 "반대색"입니다. 반전은 대신 빨강, 초록, 파랑 각 값을 뒤집는데(255에서 원래 값을 뺌), 이는 밝기도 바꿉니다. 흰색은 반전에서 검정이 되지만, 회전할 색조가 없기 때문에 보색 연산에서는 흰색으로 남습니다.

삼각 배색은 색상환에서 120°씩 균등하게 떨어진 두 가지 색을 더 선택하여, 강한 대비를 이루면서도 균형 잡힌 세 가지 색을 만듭니다. 유사 배색은 색조의 양쪽 30° 위치의 색을 선택하며, 색상환에서 서로 인접한 색은 자연스럽게 조화로워 보입니다. 단색 배색은 색상의 정확한 색조와 채도를 유지하면서 명도만 변화시켜, 실제로는 밝기만 다른 같은 색이기 때문에 반드시 어울리는 색상 세트를 만듭니다.

216가지 웹 세이프 색상은 오래된 256색 디스플레이에서 동일하게 표시되던 팔레트로, 각 빨강, 초록, 파랑 채널이 여섯 가지 값(0, 51, 102, 153, 204, 255) 중 하나로 제한됩니다. 최신 화면에서는 이 제한이 필요 없지만, 웹 세이프 등가값은 레트로 스타일링이나 극도로 제한된 색상 출력을 위한 참고 자료로 여전히 유용합니다.

HSL, HSV, CMYK는 모두 서로 다른 목적을 위해 만들어진 서로 다른 모델을 통해 같은 색을 표현합니다. HSL과 HSV는 둘 다 색조를 표현하지만, HSV의 "명도(value)"와 HSL의 "밝기(lightness)"의 차이로 인해 같은 색이라도 둘 사이에서 다른 채도 비율이 나타날 수 있습니다. CMYK는 프린터가 섞을 시안, 마젠타, 노랑, 검정 잉크의 양을 나타내며, 이는 RGB와 HSL/HSV가 사용하는 빨강, 초록, 파랑 빛의 가산 혼합 규칙 대신 감산 혼합 규칙을 따르므로 단순한 직접 변환이 아닙니다.

네. 색상 값 행이나 셰이드, 틴트, 톤, 색상 조합 색상 견본에서 헥스 코드를 클릭하면 클립보드에 복사됩니다. 하단의 CSS 코드 섹션에는 각각 자체 복사 버튼이 있는 미리 만들어진 background-color, color, border-color, box-shadow 규칙이 있습니다.