Google Chrome Devtool RGBA 문제

Question

나는 지난 몇 달 동안 같은 문제를 다루었습니다. 나는 같은 문제를 검색했지만 아무도 전에이 문제를 해결하지 않은 것 같습니다.

이전에 16 진수 색상 투명도를 변경할 때 (예 : #FFFFFF) Chrome devtools는 RGBA (255,255,255,10 %) 와 같은 RGBA 버전 옵션을 제공 했지만 이제는 동일한 작업을 수행 할 때 결과가 10 % 흰색 투명도입니다. ise rgb ( 255255255 / 10 %)

보시다시피 RGBA는 이제 사라지고 devtool onşy는 rgb 유형의 이상한 버전을 보여줍니다.

이전에 같은 문제가 발생한 사람이 있습니까? 그리고 그것을 고치는 방법을 알고 있습니까?

Answer 1

이것은 DevTools의 의도적 인 변경이었습니다 . 쉼표 기반 구문은 이제 사양에서 "레거시 구문"이라고 부르는 것입니다.

보다 https://twitter.com/mathias/status/1253242715304857601:

💡 소스 코드에서 쉼표와 함께 이전 rgb()/ hsl()CSS 색상 구문 사용을 중지하십시오 .

모든 최신 브라우저에서 지원되는 최신 쉼표없는 CSS 색상 구문에 익숙해집니다.

왜? 다가오는 새와 같은 기능 lab(), lch()그리고이 color()같은 구문을 사용합니다 (쉼표로 일을하지 않습니다).

투기: https://drafts.csswg.org/css-color/#rgb-functions

[…] 레거시 이유로 rgba().NET Framework와 동일한 문법 및 동작을 가진 함수도 존재합니다 rgb().

Answer 2

크롬 개발자 열기 >> 색상 선택기 열기 + 시프트