커스텀 색상 화면
색을 고르거나 이미 알고 있는 색의 hex 값을 붙여 넣으면 화면 전체가 그 색이 됩니다. 색 자체가 중요할 때 쓸모가 있습니다. 큰 크기로 봐야 하는 브랜드 색, 모니터 두 대 사이에서 비교하는 색조, 또는 그냥 뻔한 다섯 색이 아닌 배경이 필요할 때요.
언제든 Esc를 누르면 이 페이지로 바로 돌아옵니다.
정확한 색이 중요할 때
- 브랜드 색을 큰 크기로 보기. 문서 안의 견본과 같은 값으로 채운 벽 하나는 전혀 다르게 읽히는데, 포스터나 부스에 올라가기 전에 알아 두는 편이 좋습니다.
- 디스플레이 두 대 비교하기. 같은 hex를 양쪽에 띄우고 앞에 앉으면, 두 패널의 화이트 포인트나 채도 차이가 말다툼거리가 아니라 눈에 보이는 것이 됩니다.
- 다른 어디에도 없는 색으로 배경 만들기. 제품 촬영을 위한 특정한 파랑, 완전한 검정보다 눈이 편한 거의 검은 회색, 영상 통화 뒤에 놓을 부드러운 따뜻한 색조 같은 것들입니다.
- 디스플레이나 카메라에 일부러 알고 있는 값 보여 주기. 중간 회색이 정말 중립인지, 진한 색이 띠를 만들지 않는지, 프로젝터가 보낸 것과 맞는지 확인할 때 씁니다.
hex 값의 뜻
hex 색상은 우물 정 기호 뒤에 쓰는 세 쌍의 숫자입니다. 빨강, 초록, 파랑 각각이 00에서 ff까지죠. 그래서 #ff0000은 빨강만 최대이고 나머지는 없는 색, #808080은 모든 채널이 절반인 색, #3b82f6은 이 페이지가 처음 띄우는 파랑입니다. 세 자리 형태는 각 자리를 두 번 쓰는 축약이라 #f80과 #ff8800은 같은 색입니다. 그 밖의 입력은 짐작하지 않고 거부합니다.
최근 색이 저장되는 곳
이 브라우저의 로컬 저장소, 이 사이트 전용 키 아래에 있습니다. 어디로도 보내지지 않습니다. 이 페이지에는 보낼 곳 자체가 없으니까요. 브라우저별, 기기별이라서 노트북에서 쌓은 목록은 휴대폰에 나타나지 않고, 브라우저 데이터를 지우면 함께 사라집니다.
자주 묻는 질문
색의 hex 값은 어디서 찾나요?
브랜드 가이드라인에 적혀 있고, 디자인 도구는 색상 패널에 보여 주며, 모든 운영체제에는 화면 위 아무것이나 찍어서 값을 읽는 스포이트가 달린 색상 선택기가 있습니다. 59 130 246 같은 RGB 삼중값만 있다면 어떤 변환기든 hex 값으로 바꿔 주고, 이 페이지의 선택기는 입력뿐 아니라 드래그로도 색을 받습니다.
색이 정확하게 나오나요?
요청한 값 그대로 sRGB로 디스플레이에 전달됩니다. 디스플레이가 그것을 어떻게 만들어 내는지는 패널과 화면 모드, 밝기, 그리고 그때 야간 모드가 전체를 따뜻하게 만들고 있는지에 달려 있습니다. 같은 hex를 띄운 화면 두 대가 자주 어긋나는 이유이자, 색이 중요한 작업이 브라우저 탭이 아니라 보정된 디스플레이를 쓰는 이유입니다.
왜 밝기 조절이 아니라 어둡게 조절인가요?
웹 페이지는 색을 어둡게만 할 수 있고 밝게는 못 하기 때문입니다. 어둡게 조절은 선택한 불투명도로 색 위에 검정을 덮습니다. 어떤 브라우저 API도 모니터의 백라이트나 휴대폰의 밝기에 닿을 수 없으므로, 웹 페이지에서 화면 밝기를 올려 준다고 주장하는 것은 그저 더 밝은 그림을 보여 주고 있을 뿐입니다.
색을 영구적으로 저장할 수 있나요?
최근 목록이 마지막 몇 개를 자동으로 담아 두지만, 짧은 목록이라 곧 밀려납니다. 다음 달에 다시 필요할 색이라면 즐겨찾기 대신 hex를 적어 두세요. 메모의 여섯 글자가 어떤 브라우저 저장소보다 오래 남고, 여기에 다시 붙여 넣는 데는 1초면 됩니다.