JavaScript에서 색상이라는 CSS/HTML의 RGB 값을 얻는 방법

Question

[name-rgb]라는 Javascript 개체를 만들었습니다. 기본 사항:

으아악

객체. 그러나 나는 이름 문자열(예: "AliceBlue")을 입력하고 JavaScript가 그에 대한 일종의 RGB 표현을 찾도록 할 수 있어야 한다는 것을 깨달았습니다(16진수도 작동함). 브라우저에 숨겨진 이름이 있는 색상이 140개 이상 있다는 것을 알고 있지만 찾을 수 없는 것 같습니다.

색상 이름의 RGB 표현을 찾을 수 있는 CSS 또는 "style=..." 트릭이 있나요?

Answer 1

이것이 제가 마침내 생각해낸 해결책입니다. 색상에는 CSS 문자열과 WebGL 유형 배열(상황에 따라 일반적으로 4개의 부동 소수점 또는 정수)이라는 두 가지 유형이 있다는 것을 알고 있습니다.

잊으세요. 브라우저가 처리하도록 하세요. 1x1 캔버스를 만들고, 원하는 문자열 색상으로 채우고, 픽셀을 가져와서 rgba 배열로 분해하세요. 다음은 1x1 2d 캔버스 ctx를 생성하는 두 가지 유틸리티입니다.

으아악

제가 좋아하는 점은 브라우저가 스스로 말해준다는 것입니다. 모든 합법적인 문자열은 정상적으로 작동합니다. 유일한 단점은 문자열이 불법일 경우 검은색으로 표시되므로 몇 가지 확인이 필요하다는 것입니다. 오류 검사는 훌륭하지 않지만 사용법에는 필요하지 않습니다.

유틸리티 기능:

으아악

Answer 2

가장 간단한 JavaScript 함수:

으아악