블랙 그린 블루 컬러 팔레트: #000000 #0b6b3a #1e5aa8

검은색, 녹색, 파란색은 다재다능한 트리오입니다. 검은색은 권위를 더하고, 녹색은 자연스러운 "신뢰" 신호를 가져오고, 파란색은 명확성과 구조를 제공합니다.

아래는 사용 가능한 20개의 검정색, 녹색, 파란색 팔레트(헥스 코드 포함)와 악센트 페어링, 대비 유지 및 실제 UI/브랜드 시스템 구축을 위한 실용적인 지침이 있습니다.

블랙 그린 블루 팔레트가 잘 작동하는 이유

검은색, 녹색, 파란색 팔레트는 중력(검은색), 성장과 안심(녹색), 논리/역량(파란색)의 균형을 맞추기 때문에 즉시 "디자인"된 느낌이 듭니다. 그 혼합물은 멸균되지 않으면서도 프리미엄으로 판독됩니다.

또한 강력한 계층 구조를 지원합니다. 어두운 중립은 깊이를 만들고, 파란색은 대화형 상태와 링크에서 뛰어나며, 녹색은 성공, 가용성 및 긍정적인 피드백에 자연스럽게 매핑합니다.

가장 중요한 것은 이 트리오가 색조가 얼마나 밝고 악센트가 얼마나 포화되는지에 따라 무디하고 영화적인, 신선하고 아웃도어적인, 세련되고 기업적인 스타일로 확장된다는 것입니다.

20개 이상의 블랙 그린 블루 컬러 팔레트 아이디어(헥스 코드 포함)

1) 미드나잇 하버

16 진수:#0B0F14 #0F3D2E #1A4E8A #3C7A5E #D7E3F4

기분:무디, 차분, 세련된

다음에 가장 적합합니다.saas 대시보드 ui

무디 하버 라이트와 깊은 물 그림자는 차분하고 프리미엄한 톤을 연출합니다. 이 블랙 그린 블루 컬러 팔레트는 거친 대비 없이 강력한 계층 구조가 필요한 SaaS 대시보드에 아름답게 적합합니다. 밝은 색조의 넉넉한 공백과 얇은 선 아이콘과 함께 선명하게 만들어보세요. 사용 팁: 1차 CTA에는 밝은 파란색을 예약하고 성공한 주에만 녹색을 유지하세요.

media.io를 사용하여 생성된 midnight harbor의 이미지 예

미디어.io

Media.io는 브라우저에서 비디오, 이미지 및 오디오를 만들고 편집하기 위한 온라인 AI 스튜디오입니다.

지금 무료로 시도해 보세요

2) 네온다시마

16 진수:#040508 #00A86B #005B96 #00D4FF #F2F7FF

기분:전기, 젊음, 하이 콘트라스트

다음에 가장 적합합니다.음악제 포스터

전기적인 바다 빛이 나는 분위기는 대담하고 활기차고 약간 반항적인 느낌이 듭니다. 거의 검은색 베이스는 네온을 제어하는 반면, 청록색과 녹색은 즉각적인 움직임을 가져옵니다. 응축된 sans 글꼴과 간단한 기하학적 모양과 페어링하여 밝은 악센트를 읽기 쉽게 유지하세요. 사용 팁: 초점 하이라이트에는 네온 시안을 아끼게 사용하고 대부분의 텍스트를 오프화이트 톤으로 유지하세요.

media.io를 이용하여 생성된 네온다시마 이미지 예제

3) 북극 소나무

16 진수:#0A0C10 #1E6B4D #2B6CB0 #A7C7E7 #F5F5F2

기분:신선한, 야외 분위기, 산뜻한

다음에 가장 적합합니다.여행 블로그 영웅 배너

상쾌한 공기와 상록수 산책로가 시원한 파란색 빛과 접지된 소나무 녹색으로 흘러나옵니다. 옅은 색조 덕분에 제목을 강하게 유지하면서 통풍이 잘되는 간격을 쉽게 만들 수 있습니다. 자연스러운 사진과 최소한의 그리드와 결합하여 색상이 깨끗하고 현대적이라고 볼 수 있습니다. 사용 팁: 불투명도가 낮은 밝은 파란색 핸들 오버레이를 사용하여 이미지를 보이게 합니다.

media.io를 사용하여 생성된 북극 소나무의 이미지 예

4) 박물관의 밤

16 진수:#111214 #203A2E #1E3A5F #B0B5B9 #E8E2D6

기분:조용하고, 문화가 풍부하고, 시대를 초월한

다음에 가장 적합합니다.미술관 초대장

조용한 갤러리 조명과 어두운 벽은 이 믹스에 시대를 초월하고 엄선된 느낌을 줍니다. 따뜻한 종이 틴트는 검은색을 부드럽게 하고, 녹색과 파란색은 미묘한 잉크처럼 읽어집니다. 세리프 타이포그래피, 넉넉한 여백, 미니멀리스트 라인 일러스트레이션 하나와 짝을 이루세요. 사용 팁: 초대 배경을 따뜻한 중립으로 유지하고 타이포그래픽 계층을 위해 어두운 톤을 사용하세요.

media.io를 사용하여 생성된 museum night의 이미지 예제

5) 심해 잉크

16 진수:#06080C #0D5C46 #0B3C6F #2E8BC0 #C8D9E6

기분:드라마틱, 수중, 자신감

다음에 가장 적합합니다.기술 브랜드 랜딩 페이지

극적인 바다 깊이와 잉크빛 그림자와 선명한 파란색 하이라이트가 있는 자신감 있는 기술 우위를 만납니다. 밝은 파란색은 장난스러운 느낌 없이 버튼과 링크를 선명하게 제공합니다. 광택 있는 그라데이션과 조금씩 페어링하고 수중 분위기에 맞게 이미지를 추상적으로 유지하세요. 사용 팁: 지나치게 어두운 페이지를 피하기 위해 섹션 구간으로 옅은 파란색을 사용하세요.

media.io를 이용하여 생성된 심해잉크의 이미지 예

6) 보타니컬 누아르

16 진수:#0D0E10 #2C6E49 #1D3557 #84A98C #F1FAEE

기분:흙빛, 세련된, 차분한

다음에 가장 적합합니다.웰빙 브랜드 아이덴티티

흙빛 그림자와 잎이 무성한 녹색이 한밤중의 파란색을 살짝 풍기는 차분하고 고급스러운 분위기를 연출합니다. 블랙 그린 블루 색상 구성표로 자연스러운 힌트와 웰빙 브랜딩을 위한 전문적인 마감의 균형을 맞추고 있습니다. 부드러운 종이 질감, 둥근 sans 글꼴, 식물적 라인 아트와 페어링합니다. 사용 팁: 정체성을 무겁지 않게 부드럽게 유지하기 위해 세이지를 주요 배경으로 삼으십시오.

media.io를 사용하여 생성된 botanical noir의 이미지 예

7) 테크 오로라

16 진수:#0B0C10 #00C27A #0066FF #7DF9FF #EDEFF5

기분:미래적, 밝고, 활기찬

다음에 가장 적합합니다.앱 온보딩 화면

미래 지향적인 오로라 빛이 거의 검은색 베이스에 튀어나와 빠르고 낙관적인 느낌을 줍니다. 밝은 파란색과 민트 시안은 상호 작용하는 순간을 명백하고 친근하게 느끼게 합니다. 간단한 카드, 굵은 아이콘, 짧은 사본과 페어링하여 에너지를 깨끗하게 유지하세요. 사용 팁: 인터페이스가 네온 흐림으로 변하지 않도록 화면당 악센트를 하나씩 유지하세요.

media.io를 사용하여 생성된 tech aurora의 이미지 예

8) 빈티지 필드 노트

16 진수:#1B1C1E #2F5233 #274690 #C2B280 #F0EAD6

기분:유산, 야외, 따뜻한 중립

다음에 가장 적합합니다.캠핑 장비 포장

헤리티지 노트북 톤은 오래된 종이에 잉크를 찍은 것과 같은 견고한 야외 색상을 만납니다. 황갈색과 크림색은 팔레트를 접근하기 쉽게 유지하고 짙은 녹색과 파란색은 내구성을 더해줍니다. 배지 아이콘, 질감 있는 크래프트 배경 및 굵은 라벨과 페어링하여 멀리서 읽기 쉽습니다. 사용 팁: 황갈색을 패키지 베이스로 사용하고 주요 제품 정보를 위해 가장 어두운 톤을 인쇄합니다.

media.io를 사용하여 생성된 빈티지 필드 노트의 이미지 예

9) 폭풍우의 석호

16 진수:#0F1117 #1B5E4B #1F7A8C #62B6CB #CAE9FF

기분:시원하고 바람이 잘 통하고 현대적입니다.

다음에 가장 적합합니다.데이터 대시보드 차트

석호 위의 폭풍 구름은 이 음색에 시원하고 바람이 가득한 자신감을 줍니다. 청록색 범위는 충돌 없이 여러 차트 시리즈를 지원하는 반면, 옅은 파란색은 패널을 밝게 유지합니다. 가독성을 유지하기 위해 얇은 그리드라인과 미묘한 그림자와 결합합니다. 사용 팁: axis 라벨의 경우 가장 어두운 톤을 유지하고 60~80% 불투명도로 채우는 경우 밝은 청록색을 사용하세요.

media.io를 사용하여 생성된 폭풍우 치는 석호의 이미지 예시

10) 야시장 간판

16 진수: #000000 #0E7C4A #114B9B #F4D35E #F7F7FF

기분: 활기찬, 도시적인, 강렬한

다음에 가장 적합합니다. 레스토랑 프로모션 전단지

활기찬 야시장 에너지가 강렬한 대비와 따뜻한 노란색 포인트로 표현됩니다. 이러한 검정 녹색 파란색 조합은 특히 대담한 헤드라인과 명확한 가격 표시를 원할 때 음식 프로모션에 현대적으로 느껴집니다. 고대비 사진 오버레이나 간단한 일러스트 식재료와 함께 사용하세요. 사용 팁: 노란색은 주요 콜아웃에만 사용하여 간판처럼 읽히도록 하고 소음처럼 보이지 않게 하세요.

media.io를 사용하여 생성된 야시장 간판의 이미지 예시

11) 해안 숲

16 진수: #0C0F14 #2E7D32 #1565C0 #90CAF9 #E0F2F1

기분: 깔끔한, 친근한, 야외의

다음에 가장 적합합니다. 환경 비영리 웹사이트

해안의 공기와 숲의 캐노피가 만나 신뢰할 수 있으면서도 깔끔하고 친근한 느낌을 줍니다. 밝은 하늘색은 페이지를 낙관적으로 유지하고 녹색은 사명 중심 메시지를 고정시킵니다. 다큐멘터리 사진과 간단한 아이콘으로 임팩트를 더하세요. 사용 팁: 민트 색조를 섹션 배경으로 사용하여 긴 페이지를 쉽게 스캔할 수 있게 하세요.

media.io를 사용하여 생성된 해안 숲의 이미지 예시

12) 탄소와 엽록소

16 진수: #101215 #1F8A70 #125D98 #97C4B8 #F6F8FA

기분: 균형잡힌, 현대적인, 부드러운

다음에 가장 적합합니다. 기업 브랜딩 키트

균형 잡히고 현대적인 이 톤은 신선한 잎 옆의 광택 나는 탄소 섬유처럼 느껴집니다. 이 검정 녹색 파란색 팔레트는 지나치게 기술적으로 보이지 않으면서 현대적으로 보이고자 하는 기업 브랜딩에 이상적입니다. 넉넉한 여백, 간단한 차트, 그리고 한 번에 하나의 자신감 있는 강조색과 함께 사용하세요. 사용 팁: 청록색을 시그니처 브랜드 강조색으로 설정하고 파란색은 링크 및 UI 상태에 사용하세요.

media.io를 사용하여 생성된 탄소와 엽록소의 이미지 예시

13) 비 오는 도시 유리

16 진수: #0D1117 #0F766E #1D4ED8 #94A3B8 #F1F5F9

기분: 세련된, 비 오는 날의, 전문적인

다음에 가장 적합합니다. 핀테크 모바일 UI

세련되고 비 오는 날처럼 시원한, 유리와 아스팔트의 반사 같습니다. 슬레이트 뉴트럴은 진지함을 유지하고 청록색과 파란색은 명확한 인터랙티브 상태를 제공합니다. 신뢰할 수 있는 핀테크 느낌을 위해 날카로운 타이포그래피, 깔끔한 간격, 간단한 선 차트와 함께 사용하세요. 사용 팁: 밝은 배경에 대한 눈부심을 줄이기 위해 보조 텍스트에 슬레이트를 사용하세요.

media.io를 사용하여 생성된 비 오는 도시 유리의 이미지 예시

14) 사파이어 이끼

16 진수: #0A0B0D #3A7D44 #1E40AF #A3B18A #E5E5E5

기분: 클래식한, 안정적인, 자신감 있는

다음에 가장 적합합니다. 책 표지 디자인

클래식하고 안정적인, 사파이어 하늘 아래 이끼로 덮인 돌처럼. 깊은 파란색은 제목에 권위 있게 읽히고, 녹색은 미묘한 일러스트 세부 사항을 지원합니다. 문학적 느낌을 위해 세리프 타입과 중앙에 배치된 단일 모티프와 함께 사용하세요. 사용 팁: 배경을 연한 회색으로 유지하고 선명한 가장자리를 위해 거의 검은색으로 요소를 프레임하세요.

media.io를 사용하여 생성된 사파이어 이끼의 이미지 예시

15) 알파인 황혼

16 진수: #0B0F1A #1B4332 #1D3557 #457B9D #F1FAEE

기분: 모험적인, 시원한, 영화 같은

다음에 가장 적합합니다. 아웃도어 브랜드 룩북

영화 같은 알파인 황혼은 모험적이고 선명하며 약간 신비로운 느낌입니다. 레이어드 블루는 에디토리얼 레이아웃을 지원하고, 숲의 녹색은 거친 터치를 더합니다. 풀 블리드 사진과 깔끔한 캡션과 함께 사용하여 색상이 프레임과 섹션 마커 역할을 하도록 하세요. 사용 팁: 본문 텍스트는 오프화이트로 유지하고 풀 쿼트에는 밝은 파란색을 사용하세요.

media.io를 사용하여 생성된 알파인 황혼의 이미지 예시

16) 갤러리 미니멀

16 진수: #121316 #1C5D3A #2B59C3 #D9D9D9 #FFFFFF

기분: 미니멀한, 깔끔한, 프리미엄

다음에 가장 적합합니다. 포트폴리오 웹사이트 UI

미니멀하고 프리미엄한, 단일 대담한 작품이 있는 조용한 갤러리 벽처럼. 흰색과 연한 회색이 주요 역할을 하고, 녹색과 파란색은 스마트 하이라이트 역할을 합니다. 프로젝트가 숨 쉴 수 있도록 강력한 타이포그래피와 충분한 간격과 함께 사용하세요. 사용 팁: 강조 녹색은 호버 상태에만 사용하고 파란색은 기본 버튼에만 사용하세요.

media.io를 사용하여 생성된 갤러리 미니멀의 이미지 예시

17) 스트리트웨어 미드나잇

16 진수: #050505 #145A32 #0B2F6B #2ECC71 #1ABCFE

기분: 대담한, 스포티한, 스트리트

다음에 가장 적합합니다. 스트리트웨어 제품 광고

대담한 스트리트 에너지가 날카로운 대비와 스포티한 채도로 도착합니다. 깊은 베이스는 밝은 녹색과 파란색이 밤의 재킷에 반사 디테일처럼 느껴지게 합니다. 최대 펀치를 위해 큰 타입, 타이트한 크롭핑, 간단한 가격 블록과 함께 사용하세요. 사용 팁: 배경을 거의 검은색으로 유지하고 밝은 강조색이 가장자리와 주요 메시지를 추적하도록 하세요.

media.io를 사용하여 생성된 스트리트웨어 미드나잇의 이미지 예시

18) 해양 데이터 비즈

16 진수: #0E1013 #007F5F #2D6CDF #A9DEF9 #F8F9FA

기분: 명확한, 분석적인, 현대적인

다음에 가장 적합합니다. 프레젠테이션 슬라이드 덱

명확하고 분석적인, 잔잔한 바다 표면 위에 떠 있는 차트처럼. 이러한 검정 녹색 파란색 조합은 슬라이드를 전문적으로 유지하면서 카테고리를 구분하는 데 도움이 됩니다. 빠른 이해를 위해 간단한 막대 차트, 넉넉한 여백, 슬라이드당 하나의 강조색과 함께 사용하세요. 사용 팁: 제목에 어두운 톤을 넣고 연한 파란색을 미묘한 차트 그리드 배경으로 사용하세요.

media.io를 사용하여 생성된 해양 데이터 비즈의 이미지 예시

19) 겨울 식물

16 진수: #0C0D10 #2D6A4F #1B4965 #B7E4C7 #E9F5DB

기분: 부드러운, 자연스러운, 상쾌한

다음에 가장 적합합니다. 수채화 식물 일러스트

부드러운 겨울 녹색과 시원한 잉크 블루가 상쾌하게 느껴집니다, 비 온 후의 잎처럼. 연한 민트와 크림은 일러스트 작업을 부드럽고 통풍이 잘되게 유지합니다. 어두운 톤이 우아하게 유지되도록 가는 선 디테일과 밝은 워시와 함께 사용하세요. 사용 팁: 거의 검은색은 가장 얇은 윤곽선에만 사용하여 섬세한 느낌을 유지하세요.

media.io를 사용하여 생성된 겨울 식물의 이미지 예시

20) 야간 천문대

16 진수: #070A0F #124A3A #0A3D62 #3C91E6 #DCEAF7

기분: 신비로운, 광대한, 빛나는

다음에 가장 적합합니다. 과학 뉴스레터 헤더

신비롭고 광대한, 깨끗한 빛줄기가 있는 밤하늘처럼. 밝은 파란색은 깊은 베이스에 대해 빛나며, 현대적인 과학 브랜드에 완벽합니다. 헤드라인을 위한 충분한 여유 공간과 함께 간단한 별이나 점 패턴과 함께 사용하세요. 사용 팁: 헤더가 여러 기기에서 읽기 쉽게 유지하려면 마스트헤드 뒤에 연한 색조를 사용하세요.

media.io를 사용하여 생성된 야간 천문대의 이미지 예시

블랙 그린 블루와 어울리는 색상은 무엇입니까?

따뜻한 뉴트럴은 가장 쉬운 보완색입니다: 종이 흰색, 따뜻한 회색, 모래색, 크림이 차가운 베이스를 부드럽게 하고 레이아웃이 너무 "나이트 모드"처럼 느껴지지 않게 합니다.

펀치 있는 강조색으로는 노란색/금색(간판 에너지), 코랄(현대적 대비), 또는 구리/청동을 시도하여 프리미엄 에디토리얼 느낌을 주세요. 팔레트가 일관성을 유지하도록 이러한 강조색을 작게 유지하세요.

더 많은 깊이가 필요하면 슬레이트/스틸 블루 그레이를 보조 텍스트 및 표면에 추가하세요—이것은 거의 검은색 섹션과 밝은 콘텐츠 영역 사이의 전환을 돕습니다.

실제 디자인에서 블랙 그린 블루 컬러 팔레트를 사용하는 방법

명확한 역할 할당: 텍스트 및 핵심 구조에는 검은색/거의 검은색을 사용하고, 기본 작업 및 링크에는 파란색을, 성공 상태 또는 "긍정적" 표시기에는 녹색을 사용하세요. 이것은 인터페이스를 직관적으로 느껴지게 합니다.

한 번에 나타나는 밝은 강조색의 수를 제한하여 채도를 제어하세요. 화면당(또는 섹션당) 단일 대담한 버튼 색상은 디자인이 시끄러워지는 것을 방지합니다.

특히 어두운 UI에서 대비를 일찍 계획하세요. 본문 텍스트 및 주요 표면에는 연한 색조를 예약하고, 카드, 차트, 태그 및 구분선과 같은 구성 요소에는 중간 톤(청록색/파란색)을 사용하세요.

AI로 블랙 그린 블루 팔레트 비주얼 만들기

클라이언트나 팀에 팔레트 방향을 제시하는 경우, 시각 자료는 견본만으로보다 더 빠른 결정을 내립니다. 색상이 컨텍스트에서 작동하는 것을 보여주는 빠른 UI 목업, 포스터, 초대장 또는 브랜드 보드를 생성하세요.

Media.io를 사용하면 짧은 프롬프트를 브랜드에 맞는 이미지로 전환하고, 변형을 반복하며, 도구를 전환하거나 설치하지 않고도 개념 전반에 걸쳐 팔레트를 일관되게 유지할 수 있습니다.

다음: 번트 엄버 컬러 팔레트