Cipta harmoni warna yang menakjubkan dengan roda warna interaktif kami. Jana skema warna pelengkap, triadik, analog dan lain-lain. Eksport sebagai CSS, SCSS, Tailwind, PNG, PDF atau JSON.
Cipta, lihat dan urus palet warna dengan ciri-ciri lanjutan. Jana palet menggunakan teori warna, import daripada pelbagai format, semak kontras kebolehcapaian, dan eksport ke format CSS, SCSS, Tailwind, JSON, atau PNG.
Cipta kolaj visual yang menakjubkan dengan menggabungkan imej anda dengan palet warna yang diekstrak. Muat naik mana-mana imej untuk mengekstrak warnanya yang dominan secara automatik dan cipta komposisi yang indah dengan susun atur, gaya, dan nisbah aspek yang boleh disesuaikan.
Semak nisbah kontras warna untuk pematuhan kebolehcapaian web. Uji kombinasi warna teks dan latar belakang mengikut garis panduan WCAG dengan pratonton masa nyata, penarafan kebolehcapaian, dan cadangan penambahbaikan.
Ekstrak warna dari mana-mana imej dalam talian secara percuma. Muat naik imej, klik untuk memilih warna, dan dapatkan nilai HEX, RGB, HSL, dan CMYK. Buat dan eksport palet warna.
Cipta gradien linear dan radial CSS yang menakjubkan dengan penjana gradien kami yang mudah digunakan. Pilih warna, arahkan, dan salin kod CSS serta-merta untuk projek web anda.
Jana palet warna menakjubkan secara dalam talian dengan penjana palet warna percuma kami. Cipta skema warna yang harmoni menggunakan prinsip teori warna atau ekstrak warna daripada imej. Eksport ke format CSS, SCSS, Tailwind, JSON, PDF, dan PNG.
Pilih daripada skema warna pelengkap, monokromatik, analog, triadik, tetradik, atau pelengkap-pecahan menggunakan menu lungsur.
Klik dan seret pada roda warna untuk memilih warna asas anda. Warna harmoni akan dikemas kini secara automatik berdasarkan pilihan anda.
Gunakan gelang luminans luar untuk melaraskan kecerahan palet warna anda sambil mengekalkan hubungan harmoni.
Klik swatches warna untuk menyalin warna individu, atau gunakan butang Eksport untuk memuat turun palet anda dalam pelbagai format.
Seret dan laraskan warna pada roda warna visual dengan gelang kawalan luminans berasingan untuk pemilihan warna yang tepat.
Jana skema warna pelengkap, monokromatik, analog, triadik, tetradik, dan pelengkap-pecahan secara automatik.
Lihat dan salin warna dalam format HEX, RGB, HSL, dan CMYK dengan satu klik salin ke papan keratan.
Eksport palet sebagai imej PNG, dokumen PDF, data JSON, pemboleh ubah CSS, pemboleh ubah SCSS, atau konfigurasi Tailwind CSS.
Roda warna adalah perwakilan visual warna yang disusun mengikut hubungan kromatik mereka. Harmoni warna merujuk kepada susunan warna yang menyenangkan yang berfungsi dengan baik bersama. Alat interaktif kami membantu anda mencipta kombinasi warna yang seimbang secara matematik menggunakan prinsip teori warna tradisional seperti pelengkap (bertentangan), triadik (tiga warna yang berjarak sama), dan analog (warna bersebelahan) skema warna.
Berdasarkan prinsip teori warna tradisional yang digunakan oleh artis dan pereka selama berabad-abad untuk mencipta kombinasi yang menarik secara visual.
Jana pemboleh ubah CSS, pemboleh ubah SCSS, dan fail konfigurasi Tailwind CSS sedia untuk digunakan dalam projek web anda.
Eksport palet anda sebagai imej (PNG), dokumen (PDF), atau data (JSON) untuk digunakan merentasi pelbagai alat dan platform reka bentuk.
Lihat hubungan harmoni divisualisasikan dengan garis penyambung dan laraskan warna secara interaktif dengan maklum balas visual serta-merta.
Alat ini menawarkan 6 jenis harmoni: Pelengkap (2 warna bertentangan), Monokromatik (variasi satu warna), Analog (3 warna bersebelahan), Triadik (3 warna berjarak sama), Tetradik (4 warna berjarak sama), dan Pelengkap-Pecahan (1 warna + 2 warna bersebelahan dengan pelengkapnya).
Gunakan gelang luminans luar di sekeliling roda warna. Klik dan seret pada gelang ini untuk melaraskan kecerahan/kegelapan semua warna dalam harmoni anda sambil mengekalkan hubungan rona (hue) dan ketepuan (saturation) mereka.
Ya, klik pada mana-mana swatch warna untuk menyalin nilainya ke papan keratan anda. Anda boleh bertukar antara format HEX, RGB, HSL, dan CMYK menggunakan butang pemilih format.
Anda boleh mengeksport sebagai imej PNG, dokumen PDF, data JSON, pemboleh ubah CSS, pemboleh ubah SCSS, dan fail konfigurasi Tailwind CSS. Setiap format dioptimumkan untuk kes penggunaan yang berbeza.
Salin pemboleh ubah CSS daripada modal eksport dan tampalkannya ke dalam stylesheet anda. Anda kemudian boleh menggunakannya seperti: background-color: var(--color-1); atau color: var(--color-2);
Ya, anda boleh menyeret mana-mana titik warna harmoni untuk melaraskan keseluruhan palet. Warna utama akan dikira semula secara automatik untuk mengekalkan hubungan matematik jenis harmoni yang dipilih.