웹디자이너 칼라 참고 사이트 헥스 칼라 소셜 칼라

 

웹디자인을 할 때 참고할 만한 사이트를 소개합니다.

 

 

 

 

 

웹디자인을 하면서 칼라를 참고할 때 자주 이용하던 사이트를 소개합니다.

 

스타일 가이드를 준비하면서도 어떤 칼라를 주색으로 할지, 어떤 칼라를 보조색으로 할지 정할 때도 도움이 됩니다.

 

 

 

하나, 칼라 헥스 칼라 코드 사이트

 

https://www.color-hex.com/

Color Hex Color Codes

 

 

사이트를 클릭하면 아래와 같이 칼라들을 볼 수 있구요.

 

이중에서 내가 원하는 칼라를 클릭해서 들어갈 수 있습니다.

 

 

 

 

 

 

아니면 상단에 있는 검색창을 통해 칼라 번호를 통해 칼라를 검색할 수도 있습니다.

 

 

Login은 굳이 하지 않아도 상관없습니다.

 

 

 

 

 

 

해당 칼라의 hex 번호, RGB 번호 등 각종 데이터를 확인할 수 있습니다.

 

 

 

 

 

 

스크롤로 아래로 계속 내려 오면 명도별, 채도별 칼라의 변화와 그 칼라번호를 같이 확인할 수 있습니다.

 

 

 

 

 

더불어 대조적인 칼라와의 배치와 블랙모드와 화이트모드에서의 칼라 효과를 확인할 수 있습니다.

 

 

 

 

 

둘, 소셜칼라를 확인하는 사이트

 

 

난다긴다 하는 웹디자이너들이 모여서 만든 소셜사이트의 대표 칼라를 확인하고 싶을 때 사용하는 사이트입니다.

 

 

https://www.materialui.co/socialcolors

 

 

 

사이트에 들어가면 아래와 같이 각 소셜사이트의 대표 칼라를 볼 수 있으며, 원하는 칼라를 클릭하면 해당 칼라의 헥스번호를 얻을 수 있습니다.

 

 

 

 

 

웹디자인을 할 때 참고하는 칼라헥스 사이트와 소셜칼라 사이트에 대한 소개를 이렇게 마무리합니다.

 

 

다른 좋은 사이트들이 있으면 추첨 부탁 드릴게요.

 

 

오늘도 즐거운 하루 되세요.