오늘은 색상과 관련된 웹 사이트인 대해 알아보려고 합니다. 이 사이트는 색상을 시각적으로 비교하고 분석하는 데 도움을 주는 강력한 도구입니다.
이 웹 사이트는 OKLCH 색상 모델을 기반으로 작동합니다. OKLCH는 색상을 표현하는 데 사용되는 공간으로, 색조(Hue), 포화도(Saturation), 명도(Lightness), 그리고 투명도(Opacity)를 나타냅니다. 이 사이트는 OKLCH 색상 모델을 사용하여 두 가지 색상을 비교하고, 그들 사이의 차이를 시각적으로 보여줍니다.
사이트에 접속하면, 상단에 두 개의 색상 패널이 나타납니다. 왼쪽 패널에서는 첫 번째 색상을 선택하고, 오른쪽 패널에서는 두 번째 색상을 선택할 수 있습니다. 선택한 색상은 OKLCH 값으로 표시되며, 각각의 색상에 대한 색조, 포화도, 명도, 투명도를 조정할 수도 있습니다.
색상을 선택하고 조정한 후에는, 두 색상 간의 차이를 시각적으로 확인할 수 있습니다. 이 사이트는 두 색상 사이의 차이를 그래픽으로 표시하여, 색상 간의 대비를 쉽게 이해할 수 있도록 도와줍니다. 또한, 선택한 색상을 CSS 코드로 변환하여 클립보드에 복사할 수도 있습니다.
웹 디자이너, 개발자, 아티스트 등 다양한 분야에서 색상을 다루는 사람들에게 유용한 도구입니다. 이 사이트를 사용하면 색상 조합에 대한 직관을 개발하고, 웹 페이지나 디자인 작업에서 더 나은 색상 대비를 실현할 수 있습니다.
마지막으로, 이 사이트는 무료로 사용할 수 있으며, 어떠한 설치도 필요하지 않습니다. 모든 작업은 브라우저에서 직접 실행되므로, 편리하게 사용할 수 있습니다.
https://www.oddcontrast.com/#oklch__oklch(0.3259_0.1333_265.49)__oklch(0.8241_0.1061_0.8587)
OddContrast
Color contrast checker with Oklch, Oklab, Display P3, and more – helping designers meet WCAG 2 accessibility standards.
www.oddcontrast.com
'디자인 > 디자인 도구' 카테고리의 다른 글
| 자신만의 트렌디한 질감 배경 만들어 보세요. (0) | 2023.09.06 |
|---|---|
| 사진의 배경을 손쉽게 변경해 보세요. (0) | 2023.09.04 |
| 쉽고 빠르게 일러스트레이션을 만들어보세요! (0) | 2023.08.24 |
| 이미지에 있는 워터마크를 쉽고 빠르게 제거할 수 있는 도구 (0) | 2023.07.06 |
| 온라인으로 다양한 파일 형식을 변환할 수 있는 무료 서비스 (0) | 2023.07.05 |
