Bagaimana cara saya menjana palet warna daripada satu warna jenama?

Masukkan kod hex, nama warna seperti teal, atau nilai rgb() atau hsl() dalam medan Warna asas dan tekan Enter. Kemudian pilih jenis seperti Palet jenama, Pelengkap, Triadi atau Monokromatik, dan klik swatch untuk menyalinnya.

Format eksport apakah yang disokong oleh penjana palet?

Anda boleh menyalin warna sebagai hex, rgb, hsl atau oklch, dan mengeksport fail CSS, SCSS, JSON, skala Tailwind 50-950, PNG, SVG, GIMP/Krita GPL, Adobe ASE atau Photoshop ACO. Pilihan yang anda lihat bergantung pada kawalan Eksport.

Bagaimana cara saya menyemak sama ada warna palet saya boleh dibaca di atas putih atau hitam?

Setiap warna menunjukkan lencana Di atas putih dan Di atas hitam dengan tahap WCAG: AAA, AA, AA besar atau Gagal. Bahagian Semakan teks dan latar belakang juga membolehkan anda memilih warna teks dan latar belakang untuk menguji pasangan tertentu.

Bagaimana cara saya mengekalkan beberapa warna dan mengocok semula yang lain?

Klik Kunci warna ini pada swatch yang ingin anda kekalkan, kemudian tekan Kocok. Warna yang dikunci kekal, dan yang lain berubah. Anda juga boleh menggunakan Edit warna ini untuk menukar satu swatch, yang menandakan palet sebagai telah diedit.

Bolehkah saya berkongsi palet saya atau memilih warna dari skrin saya?

Kongsi hasil mencipta pautan yang menyimpan warna asas, jenis dan sebarang suntingan, supaya sesiapa yang membukanya melihat palet yang sama. Pada telefon, ia membuka helaian kongsi; pada komputer, ia menyalin pautan. Pilih daripada skrin menggunakan EyeDropper pelayar, yang hanya ditawarkan dalam pelayar yang menyokongnya, terutamanya berasaskan Chromium.

Adakah ia benar-benar percuma?

Ya. Setiap alat adalah percuma untuk digunakan, tanpa akaun dan tanpa kad kredit. Kerja dijalankan pada peranti anda dan bukannya pada pelayan kami, itulah yang menjadikannya percuma untuk dijalankan.

Adakah ia berfungsi pada peranti mudah alih?

Ya. Ia berjalan dalam pelayar mudah alih semasa di iOS dan Android, tanpa apa-apa untuk dipasang.

🎨

Penjana Palet Warna percuma

Jana palet warna komplementari, analog, triadik, dan monokromatik daripada mana-mana warna asas. Salin kod hex dalam satu klik.

Berjalan dalam pelayar andaTiada daftar, tiada tetingkap timbulTiada log masuk diperlukanPercuma selama-lamanya

Berfungsi luar talian selepas dimuatkan

Warna asas

Taip kod hex, nama warna seperti teal atau tomato, atau rgb(20, 184, 166) / hsl(174, 80%, 40%), kemudian tekan Enter.

Palet jenama · 7 warna

Format salinan

Eksport:Label hex pada PNG/SVG

Asas

Di atas putih 2.5Gagal

Di atas hitam 8.4AAA

Aksen

Di atas putih 2.9Gagal

Di atas hitam 7.2AAA

Tint cerah

Di atas putih 1.1Gagal

Di atas hitam 19.4AAA

Teduhan gelap

Di atas putih 9.0AAA

Di atas hitam 2.3Gagal

Neutral cerah

Di atas putih 1.1Gagal

Di atas hitam 19.3AAA

Neutral sederhana

Di atas putih 4.1AA besar

Di atas hitam 5.1AA

Neutral gelap

Di atas putih 16.1AAA

Di atas hitam 1.3Gagal

Semakan teks dan latar belakang

Warna teksLatar belakang

Contoh tajuk besar

Contoh teks isi untuk pasangan ini

8.44:1Teks biasa AAATeks besar AAA

Cuba ini

Mahu warna daripada foto? Gunakan pengekstrak warna imej

Kegunaan biasa

Hasilkan Palet Warna untuk Desain WebBuat skema warna yang harmonis untuk situs web, aplikasi web dan komponen antarmuka pengguna.
Buat Palet Warna MerekKembangkan sistem warna merek lengkap dari satu warna merek — primer, sekunder, aksen dan netral.
Hasilkan Palet Warna untuk Seni dan IlustrasiBuat kombinasi warna yang harmonis untuk seni digital, ilustrasi dan proyek kreatif.
Hasilkan Gaya Warna untuk FigmaBuat palet warna untuk digunakan sebagai Figma Color Styles dan dasar desain token.
Buat Palet Warna untuk Mode GelapHasilkan varian terang dan gelap dari palet warna Anda untuk membangun dukungan mode gelap.

Cara ia berfungsi

Alat ini dibina tanpa pustaka luaran — semua matematik warna berjalan dalam JavaScript tulisan tangan terus dalam pelayar anda. Ia menukar warna pilihan anda antara heks dan HSL, kemudian mengenakan peraturan harmoni teori warna klasik (komplementari, triadik, analog, dll.) melalui aritmetik pada roda hiu untuk menghasilkan setiap palet.

1
Penukaran heks-ke-HSL
Apabila anda pilih warna, alat ini menghurai rentetan heks kepada komponen RGB dan menukarnya kepada HSL (hiu, ketepuan, kecerahan). Hiu ialah kedudukan 0–360 darjah pada roda warna; semua matematik palet berlaku dalam ruang ini.
2
Aritmetik hiu untuk harmoni
Setiap jenis palet ialah formula putaran tetap dikenakan pada hiu asas. Komplementari menambah 180°, triadik menambah 120° dan 240°, tetradik melangkah 90°, komplementari-terbelah menggunakan 150° dan 210°. Monokromatik dan bidang warna mengekalkan hiu dan ketepuan malar sambil melangkah kecerahan naik dan turun.
3
Output HSL-ke-heks
Setiap tiga-serangkai HSL terkira ditukar semula kepada warna heks menggunakan formula kroma standard. Hasil dipaparkan sebagai jalur warna dengan label kontras-auto (teks gelap pada contoh warna cerah, teks cerah pada yang gelap) ditentukan oleh ambang keluminan ringkas.
4
Eksport dalam format pilihan anda
Palet boleh disalin sebagai rentetan heks atau dieksport sebagai fail pembolehubah CSS (:root { --color-1: … }), pembolehubah SCSS, cebisan konfigurasi Tailwind, objek JSON, atau jalur warna PNG. Eksport PNG menggunakan Canvas API pelayar (toDataURL) untuk melukis setiap contoh warna dengan label heksnya — segalanya dijana secara tempatan apabila diklik.

Alat berkaitan

🎨

Penjana Warna Rawak

Hasilkan warna rawak satu demi satu atau sebagai palet lima warna, kunci yang anda suka, salin nilai HEX, RGB atau HSL dan eksport palet sebagai PNG atau CSS.

Cuba

🎨

Pengekstrak Palet Warna Imej

Ekstrak warna dominan daripada mana-mana imej menggunakan kuantisasi warna k-means. Dapatkan kod hex untuk 2-16 warna teratas dalam foto atau logo anda.

CubaFail kekal tempatan

🎨

Pemilih Warna & Penjana Palet

Pilih warna, tukar antara HEX/RGB/HSL dan jana palet yang harmoni.