색상의 육각 코드 잡기

CSS에서 색상을 정의하는 것은 모두 Hex Code에 관한 것입니다. 영숫자 6자리 숫자 #990000 같은 것들이요. 여러분은 아마 그것들을 한 움큼씩 암기했을 것입니다. 방금 말씀드린 것과 같이 검붉은 색이 멋집니다. #cccc는 연한 회색, 0은 검은색, F는 흰색 등입니다. 알아두면 좋겠지만, 웹 페이지에는 종종 모든 종류의 색상이 있습니다. 원하는 색상의 헥스 코드를 얻을 수 있는 방법이 필요합니다. 하지만 어떻게요? 아, 제가 방법을 세어보겠습니다.

• 어도비 포토샵. 포토샵을 가지고 있다면 헥스코드를 잡기 위한 여러 가지 트릭이 있습니다. 가장 간단한 방법은 색을 캡처할 이미지를 열고, 아이드로퍼 도구를 선택하고, 색을 복사할 영역을 마우스 오른쪽 단추로 클릭한 다음, "HTML로 색상 복사"를 선택하는 것입니다. 열려 있는 이미지의 어딘가를 클릭하고, 누른 채로 끌어다 놓으면 실제로 샘플을 추출할 수 있습니다. 화면의 어느 곳에서나 색을 지정할 수 있습니다. 16진수 코드를 가져오려면 전경색을 두 번 클릭하고 색상 선택기에서 복사하기만 하면 됩니다.
• 그 색깔의 이름을 대라. =) 전 세계에서 가장 좋아하는 온라인 색상 선택기입니다. 외부 주위의 원에서 색조를 선택한 다음 중간에 있는 정사각형에서 색조/음영을 선택합니다. 크고 멋진 막대는 당신의 색깔을 잘 볼 수 있게 해주며, 당신은 아래 상자에서 헥스 코드를 복사하기만 하면 된다. 하지만 가장 좋은 점은 모든 색깔에 대한 이름을 가지고 있다는 것입니다. #E5D79F는 정말 비인간적이에요…그걸 그대로 불러요, 좀비!
• 컬러질라. 브라우저에서 Hex Code 색상을 바로 가져오는 또 다른 방법은 이 뛰어난 Firefox 확장을 통해서입니다. Firefox를 사용하고 계시군요, =). 하단 표시줄의 작은 아이로퍼를 클릭하고 브라우저 창의 아무 곳이나 클릭하면 됩니다. Hex Code(육각 코드)가 아래쪽 막대에 바로 표시되거나 아이드로퍼를 마우스 오른쪽 버튼으로 클릭하고 다양한 형식으로 색상을 복사할 수 있습니다.