NN COLOR LAB
컬러를 클릭하면 HEX 코드가 복사돼요.NN Color Lab
Pick. Mix. Copy.
티켓 웹 화면의 첫인상을 선명하게 만드는 비비드 컬러 조합.
스튜디오 미니멀한 디자인 시스템에 어울리는 따뜻하고 차분한 조합.
블루 스타일리시한 에디토리얼 화면에 어울리는 정돈된 블루.
터미널 어두운 화면에 긴장감을 더하는 라임 포인트.
창가 부드러운 파스텔 톤으로 사랑스럽고 편안한 분위기를 더해요.
COLOR GUIDE
HOW TO USE COLOR
컬러는 장식이 아니라 화면의 분위기, 정보의 우선순위, 브랜드의 기억 방식을 정하는 디자인 언어입니다.
첫인상 정하기
비비드한 조합은 이벤트와 캠페인 화면에, 뉴트럴한 조합은 포트폴리오와 서비스 소개 화면에 잘 어울립니다.
가독성 확인하기
밝은 배경에는 어두운 텍스트를, 어두운 배경에는 밝은 텍스트를 먼저 맞춘 뒤 포인트 컬러를 더하면 안정적입니다.
HEX 코드 복사하기
마음에 드는 컬러 칩을 클릭하면 HEX 코드가 복사됩니다. 디자인 시안, CSS 변수, 노션 문서에 바로 붙여 넣을 수 있습니다.
COLOR ARCHIVE
다양한 컬러 조합을 한곳에서 모아보고 골라보세요.
COLOR MAKER
좋아하는 컬러 하나로 나만의 팔레트를 만들어 보세요.
한 가지 색을 밝고 어두운 단계로 나눠요.
BG & FONT COLOR
배경색과 폰트 색상을 함께 바꾸고, 실제 조합의 가독성을 바로 확인해 보세요.
COLOR SETTINGS
TEXT COLOR
HEX 코드를 입력하거나 컬러칩을 눌러 원하는 조합을 만들어 보세요.
Good color makes
the message clear.
COLOR INSPIRATION
다양한 팔레트가 만드는 분위기를 가로로 넘기며 살펴보세요.
FAQ
COLOR NOTES
상업 프로젝트에 참고해도 되나요?
팔레트의 HEX 코드는 자유롭게 참고할 수 있습니다. 다만 사이트의 디자인, 레이아웃, 코드 전체를 그대로 복제하는 것은 허용하지 않습니다.
팔레트는 어떻게 고르면 좋나요?
브랜드가 전달하려는 감정부터 정해 보세요. 활기, 신뢰, 차분함, 실험성처럼 한 단어를 정하면 필요한 컬러 대비가 훨씬 선명해집니다.
색 조합은 계속 추가되나요?
NN Color Lab은 개인 컬러 실험실로 운영됩니다. 계절감, 웹 트렌드, 실제 화면 활용도를 기준으로 조합을 꾸준히 보강합니다.
오로라 티켓웹 화면의 첫인상을 선명하게 만드는 비비드 컬러 조합.
월넛 스튜디오미니멀한 디자인 시스템에 어울리는 따뜻하고 차분한 조합.
비 오는 블루스타일리시한 에디토리얼 화면에 어울리는 정돈된 블루.
라임 터미널어두운 화면에 긴장감을 더하는 라임 포인트.
파스텔 창가부드러운 파스텔 톤으로 사랑스럽고 편안한 분위기를 더해요.
수박 피크닉수박을 닮은 컬러로 여름의 산뜻함을 가득 담았어요.
블루 프린트서비스 화면에 어울리는 깨끗하고 신뢰감 있는 컬러.
로즈 인터뷰섬세한 콘텐츠를 부드럽게 감싸는 로즈 톤.
시안 알림미래적인 인터페이스에 어울리는 밝은 네온 컬러.
라일락 새벽부드럽고 몽환적인 분위기를 만드는 라벤더 톤.
세이지 정원자연스럽고 편안한 인상을 주는 부드러운 그린.
루프탑 노을노을빛 대비로 선명하고 표현력 있는 장면을 만들어요.
블랙 샴페인블랙과 골드로 깊고 프리미엄한 무드를 만들어요.
봄날 테라스밝고 생기 있는 봄의 에너지를 담은 컬러.
호수의 밤안정감 있고 깊은 화면을 만드는 조용한 블루.
팝업 파라솔달콤하고 또렷한 대비로 장난스러운 무드를 만들어요.
크림 북커버종이처럼 부드러운 톤으로 화면을 편안하게 정리해요.
잉크 에세이잉크와 종이를 닮은 색감으로 차분한 깊이를 더해요.
바이올렛 코드디지털 무드를 또렷하게 만드는 일렉트릭 바이올렛.
피치 티타임따뜻하면서도 산뜻한 느낌의 피치 컬러 조합.
숲속 표지판안정적인 브랜드 이미지에 어울리는 깊은 숲의 톤.
빈티지 아케이드놀이감 있는 레트로 무드를 살리는 개성적인 컬러.
와인 커튼성숙하고 우아한 분위기를 주는 딥 와인 컬러.
수영장 포스터여름의 활기를 표현하는 시원하고 선명한 조합.
이끼 산책로휴식감이 느껴지는 이끼 낀 계곡의 톤.
레몬 쇼윈도상큼한 레몬 톤으로 시선을 빠르게 사로잡아요.
실버 데스크절제된 뉴트럴 컬러로 세련된 인상을 만들어요.
공항 하늘여행 콘텐츠를 시원하게 열어주는 맑은 하늘빛.
앰버 패널정보가 많은 화면에서 핵심을 강조하는 오렌지 포인트.
민트 타일맑은 민트 톤으로 깨끗하고 상쾌한 인상을 줘요.
올리브 서랍차분한 올리브 컬러로 단단한 감각을 더해요.
트랙 레드빠르고 강한 대비로 역동적인 에너지를 전달해요.
새벽 고속도로밤하늘 같은 블루로 차분하고 선명한 화면을 만들어요.
단풍 벽돌길계절의 깊이를 담은 따뜻한 단풍 톤.
보라빛 안개평온한 무드를 만드는 부드러운 라벤더 컬러.
젤리 레인보우과일 탄산처럼 톡 터지는 밝고 신선한 에너지.
스톤 라운지은근한 프리미엄 무드를 주는 조용한 뉴트럴 톤.
화이트 큐브작업물이 돋보이도록 받쳐주는 고요한 갤러리 톤.
심해 모니터딥 블루와 시안으로 정밀한 기술 이미지를 만들어요.
딸기 우유빛사랑스러운 화면에 잘 어울리는 달콤한 파스텔 조합.
아쿠아 클리닉깨끗하고 건강한 느낌을 주는 맑은 아쿠아 톤.
퍼플 백스테이지무대 조명에서 영감을 받은 임팩트 큰 컬러 조합.
체리 필름어두운 체리 톤이 매력적인 포인트를 더해요.
겨울 베리잼차가운 겨울빛과 베리 컬러가 선명하게 대비돼요.
아침 유리병아침 이슬처럼 맑고 깨끗한 인상을 주는 조합.
뮤지엄 포스터명확한 기본색 대비로 포스터 같은 강한 인상을 줘요.
자정의 페스티벌개성 있는 장면에 어울리는 거침없는 네온 컬러.
오렌지 항구따뜻한 오렌지와 블루가 경쾌한 리듬을 만들어요.
키위 글래스싱그러운 그린 톤이 깨끗한 에너지를 더해요.
그래피티 라이트자유롭고 과감한 인상을 주는 스트리트 컬러.
철제 서랍무게감 있는 뉴트럴 컬러로 강하고 절제된 인상을 줘요.
연말 엽서기분 좋은 홀리데이 무드를 담은 축제 같은 컬러.
구름 편지솜사탕 하늘 같은 색감으로 포근한 무드를 만들어요.
테라코타 쉘프따뜻하고 견고한 인상을 주는 흙빛 컬러 조합.