BrowserFun
PermainanUntuk guruSertai kelas
  • Laman Utama
  • Teroka permainan 3D
  • Permainan Baharu
  • Permainan
BrowserFun

Permainan pendidikan percuma untuk setiap bilik darjah.

Teroka

  • Teroka permainan 3D
  • Pelajaran
  • Semua permainan
  • Alat untuk guru
  • Permainan Baharu
  • Untuk guru
  • Classroom guide
  • Sertai kelas
  • Semua kategori

Undang-undang

  • Dasar Privasi
  • Terma & Syarat
  • Dasar Kuki
  • Penafian

© 2026 BrowserFun. Hak cipta terpelihara.

  1. Laman Utama
  2. /
  3. Alat untuk guru
  4. /
  5. Jana Palet Warna Harmoni & Alat Eksport

Jana Palet Warna Harmoni & Alat Eksport

Roda Warna Interaktif

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.

WarnaSemua Umur

Cara Mencipta Harmoni Warna

  1. 1

    Pilih Jenis Harmoni

    Pilih daripada skema warna pelengkap, monokromatik, analog, triadik, tetradik, atau pelengkap-pecahan menggunakan menu lungsur.

  2. 2

    Laraskan Warna pada Roda

    Klik dan seret pada roda warna untuk memilih warna asas anda. Warna harmoni akan dikemas kini secara automatik berdasarkan pilihan anda.

  3. 3

    Haluskan Luminans

    Gunakan gelang luminans luar untuk melaraskan kecerahan palet warna anda sambil mengekalkan hubungan harmoni.

  4. 4

    Salin atau Eksport

    Klik swatches warna untuk menyalin warna individu, atau gunakan butang Eksport untuk memuat turun palet anda dalam pelbagai format.

Ciri Utama

  • Roda Warna Interaktif

    Seret dan laraskan warna pada roda warna visual dengan gelang kawalan luminans berasingan untuk pemilihan warna yang tepat.

  • 6 Jenis Harmoni Warna

    Jana skema warna pelengkap, monokromatik, analog, triadik, tetradik, dan pelengkap-pecahan secara automatik.

  • Pelbagai Format Warna

    Lihat dan salin warna dalam format HEX, RGB, HSL, dan CMYK dengan satu klik salin ke papan keratan.

  • Eksport & Penjanaan Kod

    Eksport palet sebagai imej PNG, dokumen PDF, data JSON, pemboleh ubah CSS, pemboleh ubah SCSS, atau konfigurasi Tailwind CSS.

Apakah itu Roda Warna dan Harmoni Warna?

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.

Mengapa Menggunakan Alat Roda Warna Kami?

  • 1

    Teori Warna Profesional

    Berdasarkan prinsip teori warna tradisional yang digunakan oleh artis dan pereka selama berabad-abad untuk mencipta kombinasi yang menarik secara visual.

  • 2

    Eksport Mesra Pembangun

    Jana pemboleh ubah CSS, pemboleh ubah SCSS, dan fail konfigurasi Tailwind CSS sedia untuk digunakan dalam projek web anda.

  • 3

    Pelbagai Format Eksport

    Eksport palet anda sebagai imej (PNG), dokumen (PDF), atau data (JSON) untuk digunakan merentasi pelbagai alat dan platform reka bentuk.

  • 4

    Maklum Balas Visual Masa Nyata

    Lihat hubungan harmoni divisualisasikan dengan garis penyambung dan laraskan warna secara interaktif dengan maklum balas visual serta-merta.

Soalan Lazim

Apakah jenis harmoni warna yang tersedia?

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).

Bagaimana saya melaraskan kecerahan warna?

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.

Bolehkah saya menyalin warna individu?

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.

Apakah format eksport yang disokong?

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.

Bagaimana saya menggunakan pemboleh ubah CSS yang dijana?

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);

Bolehkah saya menyeret warna harmoni secara individu?

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.

Berkaitan

WarnaSemua →

Pemapar & Penjana Palet Warna

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.

Pembuat Kolaj Palet Warna

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.

Pemeriksa Kontras Warna

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.

Pengekstrak Warna Percuma

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 Warna yang Cantik

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.

Cipta Skema Warna yang Indah

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.