HTML 색상 코드 Rgb Hex Hsl Hwb Cmyk NcoL 코드 확인 방법
얼마전에 익스플로러를 이용한 돋보기 버튼을 활용하여 웹페이지에 색상 코드를 확인할일이 생겼습니다. 익스플로러에서 이미지, 버튼의 색상등 각종 웹페이지에 있는 색깔의 코드를 알아내려면 익스플로러에서 F12 누르시고 아래 이미지와 같이 스포이드 모양의 버튼을 눌러 주시면 됩니다.
그리고 확인하고자 하는 색을 인터넷창에서 마우스로 눌러주시면 간단히 색상 코드를 확인할 수 있습니다. 코드를 확인해 보니 RGB 형태로 색상이 표현되더군요. 하지만 제가 소스를 작성할 때 가독성을 위해서 소스 형태를 RGB 형태가 아닌 Hex 코드를 사용하여 색상을 표현하였습니다.
그래서 RGB 코드를 통해서 Hex 코드의 정보를 확인할 일이 생겼던 겁니다.
만약 특정 코드를 통해서 다른 색상 코드값을 확인 하고 싶으신 분들은 웹사이트를 통해서 간단히 여러 종료의 색상 코드를 확인하실 수 있습니다.
https://www.w3schools.com/colors/colors_converter.asp 링크된 사이트에 접속하신 뒤에 색상 코드 중 하나인 rgba(86,165, 207, 1)을 넣어 보도록 하겠습니다. 그럼 아래 이미지와 같이 Rgb Hex Hsl Hwb Cmyk NcoL 다른 색상 코드도 쉽게 확인할 수 있습니다.
Rgb Hex Hsl Hwb Cmyk NcoL 코드 중 하나만 색상 코드를 아신다면 다른 색상 코드도 쉽게 알아낼 수 있습니다. Rgb Hex Hsl Hwb Cmyk NcoL 코드를 모두 돌아가면서 테스트 해보았는데 어떠한 코드 한가지의 색상 코드만 아신다면 다른 종류의 색상 코드도 쉽게 확인이 가능 합니다.
특정 색상 코드를 이용해서 다른 색상 코드를 확인할 필요가 있는데 정보를 못 찾으신 분들이 있다면 윗글을 참고하시기 바랍니다.
