색상 팔레트 생성기 무료 온라인: 보색 유사색 삼원색 팔레트

A 보색은 강한 대비. 유사색은 부드러운 조화. 삼원색은 균형.

A 네, 아무 기본 색을 선택하면 팔레트가 자동 생성.

A 네, 밝은 톤(tints)과 어두운 톤(shades)이 자동 생성.

A 네, 간접적으로 가능합니다. 생성된 팔레트에서 두 개의 컬러 스와치를 클릭하세요. 도구가 WCAG 2.1 기준에 따른 대비 비율을 보여줍니다. 일반 텍스트는 4.5:1 이상, 큰 텍스트는 3:1 이상이면 통과입니다. UI 디자이너가 접근성 소송을 피하는 데 도움이 됩니다. 팁: 가장 밝은 색상과 가장 어두운 색상을 먼저 테스트하세요.

A 화면은 RGB(가산 혼합), 프린터는 CMYK(감산 혼합) 방식을 사용하기 때문입니다. 이 도구는 디지털용으로 HEX/RGB 팔레트를 생성합니다. 인쇄용으로 사용하려면 포토샵이나 일러스트레이터에서 CMYK로 변환해야 합니다. 화면의 선명한 #00FF00 초록색도 인쇄하면 훨씬 탁해집니다. 팁: 인쇄 전에 디자인 소프트웨어에서 소프트 프루프를 꼭 확인하세요.

A 네, 가능합니다. 팔레트에서 두 가지 색상을 클릭하고 '그라데이션' 옵션을 선택하세요. 도구가 바로 사용 가능한 CSS linear-gradient 코드를 출력합니다. 예를 들어 기본 색상과 보색을 선택하면 히어로 섹션에 완벽한 인상적인 그라데이션이 완성됩니다. CSS를 복사해서 스타일시트에 붙여넣기만 하면 됩니다. 더 부드러운 그라데이션을 원한다면 먼저 유사 색상 모드를 사용해 보세요.

A 네, 두 단계로 가능합니다. 먼저 팔레트를 생성하고 '내보내기' 드롭다운 메뉴를 클릭하세요. 옵션에서 'Tailwind CSS'를 선택합니다. 도구가 각 색상을 'bg-primary-500' 또는 'text-accent-300' 같은 유틸리티 클래스에 자동 매핑합니다. tailwind.config.js에 바로 붙여넣을 수 있는 코드 블록이 생성됩니다. 생성기는 쉐이드를 50부터 900까지 자동 정렬합니다. 지난 프로젝트에서 수동 설정 시간을 약 20분 절약했습니다. 500 값이 의도한 기본 색상과 일치하는지만 확인하세요.

A 도구가 자동으로 조정합니다. #1a1a2e 같은 어두운 베이스를 선택해도 보색이나 삼색조가 생성되지만 대비가 부족할 수 있습니다. 파스텔 색조는 유사 색상 팔레트에 좋지만 삼색조 모드에서는 희미해집니다. 생성기는 값을 자르지 않으므로 탁해 보여도 실제 색상을 볼 수 있습니다. 전문가 팁: 가장 균형 잡힌 자동 결과를 위해 중간 밝기(HEX 값 #808080 정도)를 고르세요.

A 네, 생각보다 훨씬 중요합니다. 생성기는 조화 위치를 수학적으로 계산하지만, 시작 색상이 전체 분위기를 결정합니다. 차분한 세이지 그린을 고르면 트라이어딕 팔레트가 흙빛 톤으로 떨어집니다. 선명한 일렉트릭 블루를 고르면 에너지 넘치는 조합이 나오죠. 10분 동안 팔레트가 '이상하다'고 고민하는 사람들의 진짜 문제는 베이스가 회색에 너무 가까운 경우였습니다. 트라이어딕에서는 채도 30~50%의 순수한 색상을 목표로 하세요. 이 범위에서 알고리즘이 균형 잡힌 결과를 만들어냅니다. 팁: 최종 선택 전에 같은 하모니로 베이스 3개를 각각 테스트해 보세요.

A 직접적으로는 안 됩니다. 이 도구는 화면용 HEX·RGB 값을 출력하지만, 실제 잉크에는 그대로 적용되지 않습니다. 프린터는 CMYK를 쓰고, 디지털의 선명한 색은 종이에서 더 탁하게 보입니다. 그래도 팔레트를 출발점으로 삼을 수는 있어요. HEX 값을 Illustrator나 포토샵에서 CMYK로 변환한 뒤 시험 인쇄를 해보세요. 네온 오렌지는 인쇄 시 채도가 약 20% 떨어질 수 있습니다. 대량 인쇄 전에 반드시 실물 교정지를 확인하세요.