색상 변환
#1d2836
변형
이 섹션의 목적은 선택한 색상의 틴트(순수한 흰색 추가)와 쉐이드(순수한 검정 추가)를 10%씩 증가시켜 정확하게 생성하는 것입니다.
전문가 팁: 호버 상태와 그림자에는 쉐이드를, 하이라이트와 배경에는 틴트를 사용하세요.
쉐이드
기본 색상에 검정을 추가하여 만든 더 어두운 변형입니다.
틴트
기본 색상에 흰색을 추가하여 만든 더 밝은 변형입니다.
일반적인 사용 사례
- • UI 구성 요소 상태 (호버, 활성, 비활성)
- • 그림자와 하이라이트로 깊이감 만들기
- • 일관된 색상 시스템 구축
디자인 시스템 팁
이 변형들은 일관된 색상 팔레트의 기초를 형성합니다. 프로젝트 전반에 걸쳐 일관성을 유지하기 위해 내보내세요.
색상 조합
각 하모니는 고유한 분위기를 가지고 있습니다. 잘 어울리는 색상 조합을 브레인스토밍하기 위해 하모니를 사용하세요.
사용 방법
어떤 색상이든 클릭하여 그 hex 값을 복사하세요. 이 조합들은 시각적 조화를 이루기 위해 수학적으로 증명되었습니다.
중요한 이유
색상 하모니는 균형을 이루고 디자인에서 특정 감정을 불러일으킵니다.
보색
색상과 색상환에서 그 반대편에 있는 색상, 색조 +180도. 높은 대비.
분할 보색
한 색상과 그 보색에 인접한 두 색상, 주 색상 반대편에서 색조 +/-30도. 직선 보색처럼 대담하지만 더 다재다능함.
삼색
색상환에서 120도 간격으로 균등하게 배치된 세 가지 색상. 한 색상이 주도하고 나머지는 강조로 사용하기에 적합.
유사색
같은 밝기와 채도를 가진 세 가지 색상으로, 색상환에서 인접한 색상, 30도 간격. 부드러운 전환.
단색
같은 색조에 밝기 값이 +/-50%인 세 가지 색상. 미묘하고 세련됨.
사색
두 쌍의 보색, 색상에서 60도 간격으로 분리됩니다.
색 이론 원칙
균형
하나의 주된 색상을 사용하고, 보조 색상으로 지원하며, 강조 색상은 드물게 사용하세요.
대비
가독성과 접근성을 위해 충분한 대비를 보장하세요.
조화
색상은 통일된 시각적 경험을 창출하기 위해 함께 작용해야 합니다.
색상 대비 검사기
색상 조합을 테스트하여 텍스트 가독성을 위한 WCAG 접근성 표준을 충족하는지 확인하세요.
텍스트 색상
배경 색상
대비
WCAG 표준
고급 대비 검사기
슬라이더, 여러 미리보기 등으로 세부 조정
모든 사람은 천재입니다. 하지만 물고기의 나무 오르기 능력으로 판단하면, 물고기는 평생 자신이 멍청하다고 믿으며 살 것입니다.
기술 형식
실용 형식
색상 분석
색맹 시뮬레이터
창의적 측면
자주 묻는 질문
- #1D2836은 무슨 색인가요?
- #1D2836은 심해 접안(Deep Mooring) – 거의 검정에 가까운 차가운 네이비로, 푸른빛이 은은히 배어 있어 깊이와 밀도를 느끼게 한다. 고요하지만 단호한 무게감으로 전문적이고 신중한 분위기를 불러일으킨다.입니다.
- 심해 접안(Deep Mooring)은 무엇을 상징하나요?
- 신뢰와 전문성, 심연(깊이)과 비밀, 권위와 절제, 보호와 피난처, 시간을 견딘 고급스러움. 서구권에서는 해군 제복과 관료적 권위를 연상시켜 신뢰의 색으로 여겨지고, 동아시아에서는 어두운 청색 계열이 학문과 절제를 상징하는 경우가 많습니다. 중동·지중해 문화권에서는 어두운 블루가 밤과 바다의 안전함을 뜻하기도 하지만 때로는 무거움이나 애도를 연상시키기도 합니다.
- 디자인에서 심해 접안(Deep Mooring)이 어디에 사용되나요?
- 이 색은 공간이나 화면에서 사람들의 집중을 끌어내고 안전감을 줍니다. 동시에 밝은 강조색과 결합하면 정보의 위계가 선명해져 의사결정을 돕습니다.
- 어떤 색상이 심해 접안(Deep Mooring)과 잘 어울리나요?
- colorCode.seoFaqPairingAnswer #D9A441: 따뜻한 앰버 — 보색 계열에 가까운 대비로 CTA와 포인트를 강조해 시선 유도를 돕습니다 (보색 대비).. #2E4B66: 중간 슬레이트 블루 — 유사색(아날로그)으로 부드러운 계조를 만들어 평온한 그라데이션을 형성합니다 (유사색 조화).. #6A1E3A: 딥 버건디 — 차분한 삼원색 균형을 이뤄 고급스럽고 성숙한 팔레트를 완성합니다 (삼색 조화/트리아드적 변주)..
- 심해 접안(Deep Mooring)은(는) 기분에 어떤 영향을 미치나요?
- 고요한 자신감과 검증된 권위 안정감과 집중을 주며 경계심을 낮춘다. colorCode.seoFaqMoodTraits
- 어떤 산업에서 심해 접안(Deep Mooring)을(를) 사용하나요?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- 심해 접안(Deep Mooring)의 역사는 무엇인가요?
- 이 색의 시원(始原)은 18세기 초 프러시안 블루(Prussian Blue)와 인디고 염료가 널리 쓰이면서 등장했습니다. 선박 도장, 제복 그리고 석판화 잉크에 쓰인 어두운 블루-블랙 혼합은 바다와 밤의 색을 표현하는 데 적합했습니다.
- 디자인에서 심해 접안(Deep Mooring)을(를) 어떻게 사용하나요?
- 항상 대비와 액센트 규칙을 지켜 시선의 흐름(정보 위계)을 명확히 하라.colorCode.seoFaqDesignDo
- 심해 접안(Deep Mooring)은(는) 접근성이 좋은가요?
- colorCode.seoFaqAccessibilityAnswer일반 및 큰 텍스트에 대해 WCAG AA 기준을 충족합니다.