Warna asas perlu dalam format apa?

Penjana menerima warna dalam format HEX – singkatan (cth. #F50) dan penuh (cth. #FF5500). Di sebelah medan teks terdapat pemilih warna yang membolehkan anda memilih warna secara visual. Palet yang dijana menunjukkan kod HEX dan nilai HSL setiap warna.

Berapa banyak warna dalam setiap palet?

Setiap palet mengandungi 4 hingga 6 warna. Bilangan bergantung pada jenis skema – palet monokromatik dan tona menjana lebih banyak bayangan, manakala palet pelengkap dan triadik memberi tumpuan kepada beberapa warna yang kontras.

Bolehkah saya menggunakan palet yang dijana secara komersial?

Ya. Anda boleh menggunakan palet warna yang dijana dalam sebarang projek – komersial dan bukan komersial, tanpa sekatan lesen.

Adakah penjana palet warna memerlukan log masuk atau bayaran?

Penjana adalah percuma sepenuhnya dan tidak memerlukan log masuk atau pendaftaran. Warna dihasilkan secara tempatan dalam pelayar – tiada data dihantar ke pelayan luaran.

Penjana palet warna

Masukkan satu warna asas, dan alat akan menjana 9 palet warna harmoni: monokromatik, pelengkap, triadik, pastel, dan lain-lain. Setiap warna boleh disalin bersama kod HEX.

Palet monokromatik

Semua warna mempunyai rona (H) yang sama, berbeza terutamanya dalam kecerahan (L) dalam ruang warna HSL.

#0b28ba

hsl(230, 89%, 39%)

#153af2

hsl(230, 89%, 52%)

#4f6bf5

hsl(230, 89%, 64%)

#899cf8

hsl(230, 89%, 76%)

#c3ccfc

hsl(230, 89%, 88%)

Palet triadik

Tiga rona yang berjarak 120° pada roda warna (bucu segitiga sama sisi) – geometri yang kerap digunakan dalam penjenamaan dan reka bentuk gaya Bauhaus.

#4f6bf5

hsl(230, 89%, 64%)

#f43757

hsl(350, 89%, 59%)

#7ff667

hsl(110, 89%, 69%)

#f87f94

hsl(350, 89%, 74%)

#42f21f

hsl(110, 89%, 54%)

Palet split-complementary

Variasi palet pelengkap – berbanding satu pelengkap (180°), menggunakan dua warna yang dianjak kira-kira ±30° dari pelengkap, mengurangkan ketegangan visual sambil mengekalkan kontras yang kuat.

#4f6bf5

hsl(230, 89%, 64%)

#f5864f

hsl(20, 89%, 64%)

#bef54f

hsl(80, 89%, 64%)

#f7a176

hsl(20, 89%, 72%)

#b0f328

hsl(80, 89%, 56%)

Palet pastel

Rona yang sama dengan ketepuan berkurangan dan kecerahan bertambah – anjakan ke arah tengah dan atas ruang HSL, menghasilkan warna lembut, "krim".

#e1e5f4

hsl(230, 45%, 92%)

#d3d7ee

hsl(230, 45%, 88%)

#c4cae9

hsl(230, 45%, 84%)

#b5bde3

hsl(230, 45%, 80%)

#a6b0dd

hsl(230, 45%, 76%)

Palet gelap

Rona yang sama dengan ketepuan tinggi (S) dan kecerahan rendah (L) – anjakan ke bawah pada paksi kecerahan, menghasilkan warna dalam yang tipikal untuk mod gelap dan aksen berani.

#3757f4

hsl(230, 89%, 59%)

#153af2

hsl(230, 89%, 52%)

#0c2dd2

hsl(230, 89%, 44%)

#0a25ab

hsl(230, 89%, 36%)

#081d85

hsl(230, 89%, 28%)

Palet tonal (inspirasi Material Design)

Beberapa langkah kecerahan satu rona – L berubah-ubah dan S sederhana, serupa dengan julat tonal dalam garis panduan Material Design (cth. 50–900).

#f2f3f8

hsl(230, 27%, 96%)

#dcdfef

hsl(230, 36%, 90%)

#b1bae7

hsl(230, 54%, 80%)

#7c8ee9

hsl(230, 71%, 70%)

#3e5df4

hsl(230, 89%, 60%)

Palet minimalis (inspirasi Apple)

Satu aksen warna berani dan banyak ton neutral yang sangat cerah dan lembut – susun atur khas antara muka dengan banyak ruang putih dan bayang halus.

#3e5df4

hsl(230, 89%, 60%)

#fafafa

hsl(230, 6%, 98%)

#efeff1

hsl(230, 6%, 94%)

#dfdfe2

hsl(230, 6%, 88%)

#484951

hsl(230, 6%, 30%)

Palet analog

Warna dengan rona yang serupa – dari kira-kira -30° hingga +30° mengelilingi warna asas pada roda warna klasik (cth. Itten).

#4fbef5

hsl(200, 89%, 64%)

#67a3f6

hsl(215, 89%, 69%)

#4f6bf5

hsl(230, 89%, 64%)

#4637f4

hsl(245, 89%, 59%)

#864ff5

hsl(260, 89%, 64%)

Palet pelengkap

Warna asas dan pelengkapnya yang dianjak 180° pada roda warna – salah satu kontras warna asas yang diterangkan oleh Johannes Itten.

#4f6bf5

hsl(230, 89%, 64%)

#1f42f2

hsl(230, 89%, 54%)

#f5d94f

hsl(50, 89%, 64%)

#f8e37f

hsl(50, 89%, 74%)

#f2cf1f

hsl(50, 89%, 54%)

Mengapa menjana palet warna?

Palet warna yang konsisten adalah asas setiap projek visual – dari laman web, melalui logo, hingga bahan bercetak. Memilih warna secara manual yang berfungsi bersama memerlukan pengetahuan teori warna. Penjana mengautomasikan proses ini: anda memberikan satu warna asas (cth. warna logo anda), dan alat menjana 9 set warna berdasarkan skema harmoni warna yang terbukti.

Setiap warna yang dijana mempunyai kod HEX (cth. #4F6BF5) dan nilai HSL (hue, saturation, lightness). Kod HEX boleh ditampal terus dalam CSS, Figma, Canva, atau sebarang aplikasi grafik.

Cara menggunakan penjana palet warna

Keseluruhan proses mengambil masa beberapa saat sahaja:

1. Masukkan warna asas
Masukkan kod HEX (cth. #4F6BF5) dalam medan teks atau pilih warna dari pemilih warna. Anda juga boleh menggunakan butang Warna Rawak.
2. Sahkan pilihan anda
Selepas mengklik butang Update Color, alat akan menjana secara automatik 9 palet berdasarkan skema harmoni warna berbeza.
3. Salin warna yang diperlukan
Di sebelah setiap warna terdapat butang Salin – kod HEX pergi ke papan keratan dan boleh ditampal terus dalam projek anda.

Skema warna apa yang dijana oleh alat?

Penjana mencipta 9 jenis palet – setiap satu berdasarkan prinsip teori warna yang berbeza:

Palet monokromatik
Beberapa bayangan satu warna – dari terang ke gelap. Semua warna mempunyai hue yang sama pada roda warna dan berbeza hanya dalam kecerahan. Berfungsi dengan baik dalam reka bentuk elegan dan minimalis.
Palet bersebelahan
Warna bersebelahan pada roda warna (dianjak kira-kira 30° ke kedua-dua arah dari asas). Mencipta peralihan warna yang harmoni dan lembut. Sesuai untuk projek yang membina suasana hangat atau sejuk.
Palet pelengkap
Warna asas dan warna bertentangan pada roda warna (anjakan 180°). Mencipta kontras visual yang kuat. Berguna apabila elemen perlu menarik perhatian – butang, tajuk yang ditonjolkan, sepanduk iklan.
Palet triadik
Tiga warna yang berjarak 120° pada roda warna – membentuk segi tiga sama sisi. Gabungan dinamik dan serba boleh. Berfungsi dengan baik dalam projek kreatif: identiti jenama muda, bahan iklan.
Palet pelengkap berpecah
Versi yang lebih lembut daripada palet pelengkap. Daripada satu warna bertentangan, ia menggunakan dua warna yang dianjak kira-kira 30° dari pelengkap. Memberikan kontras yang jelas tetapi tanpa ketegangan visual yang kuat.
Palet pastel
Hue yang sama dengan saturasi dikurangkan dan kecerahan ditingkatkan – warna lembut dan halus. Popular dalam kosmetik, fesyen kanak-kanak, dan sektor makanan.
Palet gelap
Warna asas dengan saturasi tinggi dan kecerahan dikurangkan – warna dalam dan berani. Berguna untuk mencipta tema gelap laman web dan aplikasi, serta bahan penjenamaan premium.
Palet tona
Beberapa langkah kecerahan satu warna – dari sangat terang ke gelap. Berguna untuk membina antara muka di mana warna yang sama memerlukan varian berbeza.
Palet minimalis
Satu aksen warna terang dan beberapa warna neutral sangat terang. Keseluruhan palet kekal tenang. Berfungsi dengan baik dalam antara muka moden dengan banyak ruang putih.

H (hue)0°–360° pada roda warna

S (saturation)0%–100%

L (lightness)0%–100%

Apa asas penjana palet warna?

Semua palet dihasilkan dengan menukar warna asas dalam ruang warna HSL. HSL menerangkan warna melalui tiga nilai: hue (H) ialah kedudukan pada roda warna (0°–360°), saturation (S) menentukan kekuatan warna, dan lightness (L) – seberapa terang atau gelap warna itu.

Palet pelengkap, triadik, dan pelengkap berpecah berdasarkan geometri roda warna – warna ditempatkan pada selang sudut sama rata, mencipta keseimbangan visual. Palet monokromatik, pastel, dan gelap menukar hanya kecerahan dan saturasi sambil mengekalkan hue yang sama.

Di mana menggunakan palet warna yang dijana

Identiti visual jenama
Pilih warna harmoni untuk logo sedia ada atau bina palet jenama dari awal – untuk kad perniagaan, alat tulis, dan bahan pemasaran.
Laman web
Tetapkan warna utama, aksen, dan bayangan latar belakang. Kod HEX yang disalin ditampal terus dalam CSS atau konfigurasi tema.
Antara muka aplikasi
Palet tona memberikan varian kecerahan satu warna – yang lebih terang untuk latar belakang, yang lebih gelap untuk teks, yang pertengahan untuk sempadan dan keadaan interaksi.
Grafik media sosial
Warna konsisten untuk siaran, cerita, dan muka depan profil. Palet bersebelahan atau pastel berfungsi dengan baik apabila anda mahukan gaya konsisten yang boleh dikenali.
Pembentangan dan dokumen
Set warna harmoni untuk slaid, carta, dan infografik. Palet monokromatik atau minimalis mengekalkan susunan visual.

Soalan lazim tentang penjana palet warna

Terokai alatan lain

Lihat semua alat

Penukar JPG/PNG ke WebP

Kurangkan saiz fail imej tanpa kehilangan kualiti. Tukar JPG dan PNG kepada WebP dan percepatkan laman web anda.

Penjana palet warna

Mengapa menjana palet warna?

Cara menggunakan penjana palet warna

1. Masukkan warna asas

2. Sahkan pilihan anda

3. Salin warna yang diperlukan

Skema warna apa yang dijana oleh alat?

Palet monokromatik

Palet bersebelahan

Palet pelengkap

Palet triadik

Palet pelengkap berpecah

Palet pastel

Palet gelap

Palet tona

Palet minimalis

Apa asas penjana palet warna?

Di mana menggunakan palet warna yang dijana

Identiti visual jenama

Laman web

Antara muka aplikasi

Grafik media sosial

Pembentangan dan dokumen

Soalan lazim tentang penjana palet warna

Warna asas perlu dalam format apa?

Berapa banyak warna dalam setiap palet?

Bolehkah saya menggunakan palet yang dijana secara komersial?

Adakah penjana palet warna memerlukan log masuk atau bayaran?

Terokai alatan lain

Penukar JPG/PNG ke WebP

Editor imej

Penjana favicon

Penyemak meta tajuk dan penerangan

Pengira perkataan dan aksara

Penjana tandatangan e-mel

Penyemak kontras warna

Pengekstrak warna dari imej