AI 색상 팔레트 생성기

상업적 사용 OK 581 models 워터마크 없음 가입이 필요하지 않습니다
모델:
+ GPT-5, Claude, Gemini
이미지를 드롭하고 구조화된 색상 팔레트를 얻습니다. 추출 방법을 선택하십시오: 전반적인 분위기를 위해 지배적, 눈에 띄는 하이라이트를 위해 활기찬, 부드러운 톤을 위해 음소거, WCAG-AA 대비 쌍에 대한 액세스. 샘플을 클릭하여 HEX를 복사하십시오. CSS / SCSS / Tailwind로 내보내기.

이미지를 드래그하여 팔레트 추출

JPG, PNG, WebP 최대 10MB

미리 보기
~500 토큰
소스
추출된 팔레트

팔레트를 사용할 수 있는 목적

브랜드 컬러 시스템

Drop your inspiration board, get a 4-color brand palette. Brand-friendly mode picks the 3 most-distinct hues + a neutral. Export as Tailwind config for your design system.

웹/앱 디자인

귀하의 사이트를 영웅 이미지와 일치시키고, 랜딩 페이지를 재스타일링하고, 다크 모드 변형을 만들 수 있습니다. 접근성 모드는 WCAG-AA 준수 텍스트/배경 쌍을 표시합니다. CSS 변수로 내보내기를 :root에 바로 드롭합니다.

그림/일러스트 참조

마스터 그림(Monet, Van Gogh, Hopper)에서 팔레트를 추출하여 색상 선택을 연구합니다. Procreate / Photoshop에서 자신의 디지털 그림을위한 참조 팔레트로 사용합니다.

인테리어 / 패션 분위기 보드

사랑하는 방을 촬영하거나 Pinterest 패션 샷을 저장하고, 팔레트를 추출하고, 페인트 가게 / 직물 가게에 HEX 코드를 가져 가십시오. 음소거 모드는 인테리어 디자인에 가장 적합합니다 (시끄러운 액센트 색상을 피합니다).

프레젠테이션 / 덱

영웅 덱 이미지에서 팔레트를 추출하고 시각적 융합을 위해 모든 슬라이드에 적용합니다. 브랜드 친화적 모드는 3가지 색조로 유지되며, 이는 주의를 산만하게 하지 않는 프레젠테이션을 위한 규칙입니다.

앨범/책 커버 분석

상징적인 앨범/책/영화 포스터 팔레트(달의 어두운 면 프리즘, 펭귄 클래식 척추, 웨스 앤더슨 스틸)를 역설계합니다. 디자인 역사 연구 및 패러디 프로젝트에 적합합니다.

Free.ai vs 쿨러 / 어도비 컬러 / 크로마 / 픽타쿨러스

기능Free.aiCoolorsAdobe ColorKhroma
가격$0 (daily pool)$3-12/mo Pro$22.99/mo Photoshop planFree / Pro $4.99
이미지에서 팔레트로네네네아니오
WCAG 접근성네네네아니오
내보내기 형식CSS / SCSS / 테일윈드 / JSON많은 (Pro)ASE, Photoshop swatchCSS / Sketch
등록이 필요합니다아니오저장 / 프로네네
고급 옵션
결과
토큰이 부족해요 더 많은 토큰을 얻으세요
더 나은 결과를 원하십니까? 프리미엄 모델 (GPT-5, Claude, Gemini) 더 높은 품질을 제공합니다. 계획 보기

❤️ Love Free.ai? Tell your friends!

가입 추천 링크를 얻고 친구 당 30,000 토큰을 적립하십시오.

더 먹고 싶어? 무료 가입: 30,000 토큰/일
무료로 가입하세요

귀하의 요청을 처리 중...

무료 AI로 이미지나 텍스트에서 아름다운 색상 팔레트를 생성하세요. 디자이너를 위한 완벽한 솔루션입니다.

사용 방법 AI 색상 팔레트 생성기

1
입력을 입력하십시오

텍스트를 입력하거나 파일을 업로드하거나 원하는 내용을 설명하세요. 계정이 필요하지 않습니다.

2
생성하기를 클릭하십시오

당사의 AI는 최고의 오픈 소스 모델을 사용하여 몇 초 만에 요청을 처리합니다.

3
다운로드 및 공유

다운로드, 복사 또는 결과를 공유. 개인 및 상업용 무료.

API를 통해 이 도구 사용

OpenAI 호환 REST 엔드포인트, Bearer-token 인증, 추가 SDK 필요 없음. 토큰 비용은 웹 인터페이스와 일치합니다.

curl -X POST https://api.free.ai/v1/image/generate/ \
  -H "Authorization: Bearer sk-free-..." \
  -H "Content-Type: application/json" \
  -d '{"prompt": "A sunset over mountains", "model": "sdxl"}'

AI 색상 팔레트 생성기 - FAQ

어떤 이미지를 드롭, 구조화 4-10 색상 팔레트를 다시 얻을. 5 추출 모드 (전반적인 분위기에 대한 지배, 눈에 띄는 하이라이트에 대한 활기찬, 부드러운 톤에 대한 음소거 / 파스텔, 3 개의 뚜렷한 색조 + 중립, WCAG-AA 대비 쌍에 대한 액세스 브랜드 친화적). HEX / RGB / HSL / 모든 형식으로 출력. CSS 변수로 한 번 클릭 내보내기, Tailwind config.

Coolors ($3-12/month Pro for image-to-palette + saving)는 가장 가까운 직접적인 경쟁자입니다 - 동일한 작업 흐름, 유료. Adobe Color (무료하지만 진지한 사용을위한 $22.99/month Photoshop 계획과 함께 번들)은 골드 표준 접근성 체크어를 가지고 있습니다. Khroma (무료 + $4.99 Pro)는 텍스트-to-palette 만 - 이미지 추출이 없습니다. Free.ai Coolors의 이미지 추출 + Adobe의 WCAG 체크, $0, 가입없이 일치.

디자인 영감/모드 보드 요약(가장 자주 사용되는 색상)을 위한 지배색. 영웅 요소 + CTA(눈길을 끄는 꼭지점, 회색 무시)를 위한 활기찬 색상. 인테리어/패션/웰빙을 위한 음소거(시끄러운 악센트 건너뛰기). 실제로 기본 + 보조 + 악센트로 사용할 수 있는 3가지 색상이 필요할 때 브랜드 친화적. 텍스트가 배경에 WCAG-AA를 통과해야 하는 UI 팔레트를 구축할 때 접근 가능.

HEX (#FF5733) for general use. RGB (255, 87, 51) for design tools. HSL (12, 100%, 60%) for tweaking lightness / saturation. "All formats" lists every conversion side-by-side. One-click export buttons: copy all HEX as plain text, CSS variables block (:root { --color-1: #FF5733; ... }), or Tailwind config (theme: { extend: { colors: { ... }}}).

예 - 영웅 사진을 드롭, 브랜드 친화적 인 모드를 선택, 3 가장 뚜렷한 색조 + 중립을 얻을. CSS 변수를 통해 사이트 전체에 팔레트를 적용합니다. 도구는 지배의 순서에 색상을 반환, 그래서 첫 번째 3 일반적으로 기본 / 보조 / 악센트이며 나머지는 당신이 절약 사용할 수있는 톤입니다.

예 - 접근성 모드를 선택하면 도구가 WCAG-AA 대비를 통과한 HEX 쌍(일반 텍스트의 경우 4.5:1, 큰 텍스트의 경우 3:1)을 표시합니다. 각 색상에 대한 흑백 대비는 표시됩니다. 완전한 UI 접근성 감사를 위해 WebAIM 대비 검사기와 디자인 시스템 문서도 확인하십시오.

로고 / 아이콘 / 제품 포장 (제한 팔레트 = 강력한 브랜드)에 대한 4. 랜딩 페이지 / 마케팅 사이트 (기본 핫 스팟)에 대한 5-6. 1 차 / 2 차 / 3 차 / 유틸리티 / 상태 색상과 전체 디자인 시스템에 대한 8-10. 10 위로 가는 결정 마비와 시각적 혼란을 일으킵니다 - 어쨌든 사용하지 않을 톤을 결합하여 제한.

사진, 그림, 포스터, 스크린샷, 분위기 보드 콜라주 - 색상 영역이 분명한 모든 것. JPG / PNG / WebP 최대 10MB. 단색 이미지 (단일 색 배경)는 간단하게 추출됩니다. 바쁜 혼합 콘텐츠 이미지는 더 흥미로운 팔레트 데이터를 얻습니다. 높은 콘트라스트 입력은 더 유용한 팔레트를 생성합니다.

네 - 시리즈 전반에 걸쳐 시각적 일관성을 유지하기 위해 /image/generate/ 출력에서 팔레트를 추출합니다. 영웅 이미지를 생성하고, 팔레트를 추출하고, 팔레트를 프로젝트의 나머지 부분에 대한 디자인 시스템으로 사용합니다.

네 - 저작권은 이미지 자체에 적용되며, "이 이미지에 사용된 색상"의 추상적인 개념에 적용되지 않습니다. 달의 어두운 면 프리즘, Wes Anderson 스틸, Mondrian 프라이머, Hopper 인테리어를 추출합니다. 원본 이미지를 복제하지 않고 원본 작품에 팔레트를 사용합니다.

아니요 - 업로드한 이미지는 즉시 처리되고 폐기됩니다. 분석을 위해 익명화된 팔레트 결과 + 사용자의 /account/?tab=history만 로그합니다. /privacy/에서 개인정보 보호정책을 참조하십시오.

예 - 이미지 파일, num_colors (4-10), 모드 (지배 / 활기찬 / 음소거 / 브랜드 / 접근 가능), 형식 (hex / rgb / hsl / 모든)와 함께 /v1/image/colors/에 멀티파트를 POST합니다. 베어러 인증, 10K 토큰 / 월 무료. /api /는 컬 예제가 있습니다.

무료 가입: 30,000 토큰/일

무료 계정 만들기

신용카드 필요 없음

이 도구를 어떻게 평가하시겠습니까?

Love Free.ai? Tell your friends!