HEX 코드란 무엇인가요?

HEX 코드는 #으로 시작하는 6자리 16진수 색상 코드입니다. CSS, 피그마, 포토샵 등 디자인 작업에서 색상을 정의할 때 사용됩니다.

복사한 HEX 코드를 어디에 사용하나요?

CSS의 color 속성, 피그마·스케치의 색상 입력란, 포토샵의 색상 선택기에 바로 붙여넣기 하면 됩니다.

🎨랜덤 색상 뽑기

Q: 뉴트럴 계열은 어떤 색상인가요?

채도가 매우 낮은 무채색 계열입니다. 화이트, 라이트 그레이, 다크 그레이, 오프화이트 느낌의 색상이 생성됩니다.

색상 계열·밝기 조건을 설정하고 버튼을 누르면 조화로운 HEX 색상 코드를 즉시 생성합니다.

색상 계열

밝기

생성 개수

랜덤 색상 뽑기 사용법

색상 계열과 밝기 조건을 선택한 뒤 '색상 뽑기' 버튼을 누르면 조화로운 HEX 색상 코드가 즉시 생성됩니다. 생성된 색상은 복사 버튼을 눌러 클립보드에 저장한 후 CSS, 피그마, 포토샵 등에 바로 붙여넣기 할 수 있어 디자인 작업의 시간을 크게 단축할 수 있습니다. 색상 선택에서 막혔을 때 새로운 영감을 얻는 데 유용합니다.

이런 상황에 활용하세요

웹·앱 색상 팔레트 초안을 빠르게 만들고 싶을 때
SNS 썸네일이나 배너의 배경색 결정이 어려울 때
파스텔·딥 컬러 등 특정 분위기의 색상을 탐색할 때
UI 디자인에서 새로운 색상 조합을 실험하고 싶을 때

자주 묻는 질문

HEX 코드는 어디에 사용하나요?

CSS의 color 속성, 피그마·스케치의 색상 입력란, 포토샵의 색상 선택기에 그대로 붙여넣기 하면 됩니다. #로 시작하는 6자리 16진수 코드입니다.

밝기를 '랜덤'으로 설정하면 어떤 색이 나오나요?

파스텔부터 딥 컬러까지 전 범위에서 무작위로 생성됩니다. 예측 불가능한 다양한 색상을 탐색하고 싶을 때 선택하세요.

뉴트럴 계열은 어떤 색상인가요?

채도가 매우 낮은 무채색 계열로, 화이트·라이트 그레이·다크 그레이·오프화이트 등이 생성됩니다. 배경색이나 텍스트 보조 색상으로 적합합니다.

랜덤 색상 뽑기 사용법

이런 상황에 활용하세요

자주 묻는 질문

같은 카테고리 도구