Color Palette Generator
Press spacebar or click Generate to create a new palette
Space to generate
Press spacebar or click Generate to create a new palette
Choosing the right color scheme is one of the most important decisions in web and graphic design. This free online color palette generator creates harmonious 5-color palettes based on color theory principles. Select from six generation modes: random, monochromatic, analogous, complementary, triadic, and split-complementary, or press the spacebar to generate new palettes rapidly until you find one that works.
Each swatch displays the HEX and RGB values along with a WCAG contrast ratio badge, helping you check accessibility compliance at a glance. Lock individual colors you like and regenerate the rest, or fine-tune any color using the HSL sliders. Save your favorite palettes to local storage for later reference.
When you are ready to use your palette, export it as CSS custom properties, SCSS variables, Tailwind config, or plain JSON. Everything runs in the browser with no server calls and no sign-up. Ideal for UI designers, brand designers, and front-end developers.
色彩理論に基づいた調和のとれた5色パレットを生成する無料ツールです。6種類の生成モード、WCAGコントラスト比表示、HSLスライダーによる微調整に対応しています。CSS変数、SCSS、Tailwind、JSON形式でエクスポート可能です。
색채 이론에 기반한 조화로운 5색 팔레트를 생성하는 무료 도구입니다. 6가지 생성 모드, WCAG 대비 비율 표시, HSL 슬라이더 미세 조정을 지원합니다. CSS 변수, SCSS, Tailwind, JSON 형식으로 내보낼 수 있습니다.
基于色彩理论生成协调的5色调色板的免费工具。支持6种生成模式、WCAG对比度显示和HSL滑块微调。可导出为CSS变量、SCSS、Tailwind配置或JSON格式。所有处理均在浏览器中完成。
基於色彩理論生成協調的5色調色盤的免費工具。支援6種生成模式、WCAG對比度顯示及HSL滑桿微調。可匯出為CSS變數、SCSS、Tailwind設定或JSON格式。所有處理均在瀏覽器中完成。
Herramienta gratuita que genera paletas armónicas de 5 colores basadas en teoría del color. Ofrece 6 modos de generación, indicadores de contraste WCAG y ajuste fino con controles HSL. Exporte como variables CSS, SCSS, configuración Tailwind o JSON. Todo el procesamiento se realiza en el navegador.
Outil gratuit qui génère des palettes harmonieuses de 5 couleurs basées sur la théorie des couleurs. Propose 6 modes de génération, des indicateurs de contraste WCAG et un réglage fin avec les curseurs HSL. Exportez en variables CSS, SCSS, configuration Tailwind ou JSON. Tout le traitement s'effectue dans le navigateur.
Kostenloses Tool zur Erstellung harmonischer 5-Farben-Paletten basierend auf Farbtheorie. Bietet 6 Generierungsmodi, WCAG-Kontrastanzeigen und Feinabstimmung mit HSL-Reglern. Export als CSS-Variablen, SCSS, Tailwind-Konfiguration oder JSON. Die gesamte Verarbeitung erfolgt im Browser.
Бесплатный инструмент для создания гармоничных 5-цветных палитр на основе теории цвета. Предлагает 6 режимов генерации, индикаторы контраста WCAG и тонкую настройку с помощью HSL-слайдеров. Экспорт в CSS-переменные, SCSS, Tailwind-конфиг или JSON. Вся обработка происходит в браузере.
Безкоштовний інструмент для створення гармонійних 5-колірних палітр на основі теорії кольору. Пропонує 6 режимів генерації, індикатори контрасту WCAG та тонке налаштування за допомогою HSL-слайдерів. Експорт у CSS-змінні, SCSS, Tailwind-конфіг або JSON. Уся обробка відбувається у браузері.
Công cụ miễn phí tạo bảng màu hài hòa 5 màu dựa trên lý thuyết màu sắc. Hỗ trợ 6 chế độ tạo, hiển thị tỷ lệ tương phản WCAG và điều chỉnh tinh với thanh trượt HSL. Xuất dưới dạng biến CSS, SCSS, cấu hình Tailwind hoặc JSON. Toàn bộ quá trình xử lý diễn ra trên trình duyệt.
أداة مجانية لإنشاء لوحات ألوان متناسقة من 5 ألوان بناءً على نظرية الألوان. توفر 6 أوضاع توليد، ومؤشرات تباين WCAG، وضبط دقيق بأشرطة تمرير HSL. يمكن التصدير كمتغيرات CSS أو SCSS أو إعدادات Tailwind أو JSON. تتم جميع العمليات في المتصفح.