CSS의 최고의 색상 기능?

나는 HSL이 우리가 가진 최고의 색상 형식이라고 전에 말했다. 우리 대부분은 Hex 코드를 읽을 수있는 David Desandro와 같지 않습니다. HSL (A)는 필요한 경우 색조, 채도, 가벼움 및 알파입니다.

 HSL (120, 100%, 40%)

Hue는 직관적이지 않지만 그렇게 이상하지는 않습니다. 컬러 휠 주위를 0에서 360까지 여행합니다. 채도는 그레이 스케일과 같이 0%가 모든 색상이 빨려 들어가고 100%는 그 색조에서 완전히 풍부한 색상입니다. 가벼움은 50%에서 "정상"이며 각각 100%와 0%로 갈 때 흰색 또는 검은 색을 첨가합니다. 나는 그것이 그것을 설명하는 올바른 과학적 또는 기술적 인 방법이 아니라고 확신하지만, 그것이 뇌 논리입니다.

Brian Kardell은 HSL을 사용하는 데 여전히 문제가 있습니다. Brian Kardell은 깊이 설명합니다. 나는 컬러 전문가와는 거리가 멀지 만 브라이언 (그리고 아담)이 그 기사에서 무슨 말을하는지 알 수 있다고 생각합니다. 세 가지 색상이 있고 HSL에서 모두 동일한 가벼움을 가지고 있다고 가정 해보십시오. 그렇다고해서 그들이 모두 같은 가벼움이라는 의미는 아닙니다. 특히이 색상 형식을 색상 시스템의 일부로 사용할 때는 이상합니다.

좋은 소식은 Lab 및 LCH에 도움이되는 CSS 레벨 4 모듈로 이미 사양 된 색상 기능이 있다는 것입니다. 실험실의 색상이 실제 가벼움을 반영하는 값이있는 Adam의 예를 확인하십시오.

HSL 대 실험실 :: 가벼움?

까다로운 컬러 폴링에서 동일한 색상이지만 이번에는 실험실의 랩 버전을 상단 위에 보여주었습니다. 실험실의 가벼움 가치가 우리 설문 조사 결과에 얼마나 가까운 지에 주목하십시오!

? 컬러 공간이 모두 같은 것은 아닙니다! https://t.co/aies0amdwy pic.twitter.com/xkeguq3kzg

- Adam Argyle (@argyleink) 2019 년 12 월 3 일

브라이언 :

Lab 및 LCH와 같은 색상 공간은 전체 스펙트럼을 다루고 지각 균일성과 같은 품질을 갖습니다. 따라서 실제 디자인 시스템에서 사용하기 위해 훌륭한 색상 기능을 원한다면 모든 사람들은 실험실/LCH 색상 공간에서 수학을 지원하는 것이 이상적인 기능이라는 데 동의하는 것 같습니다.

Chrome의 버그 티켓에서 탭은 이들이 구현하기가 거의 사소하다고 생각합니다.

Lab ()/lch ()/Grey ()는 모두 기존 색상 인프라로 간절히 변환 할 수 있습니다. 그들은 근본적으로 새로운 개념을 소개하지 않고, 색상을 지정하는 더 나은 방법 일 뿐이며, RGB 픽셀 기능과 밀접하게 연결되기보다는 눈이 실제로 작동하는 방식과 더 밀접하게 관련되어 있습니다.

전환 기능을 RGB로 전환하는 것은 약간의 코드이지만, 약간의 지수와 약간의 행렬 곱하기 일 뿐이며 사양에서 잘 문서화되어 있습니다.

이것은 Goodfirstbug 종류의 일이어야합니다.

위 내용은 CSS의 최고의 색상 기능?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!