MoreOnlineTools
ESC

Penjana Palet Warna

Cipta palet warna profesional, tukar kod warna dan ekstrak warna dari imej

Penjana & Penukar Palet Warna

Pemilih Warna
Masukkan kod warna (HEX, RGB, HSL)
Nilai Warna
HEX: #3b82f6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
CMYK: cmyk(76%, 47%, 0%, 4%)
HSB: hsb(217°, 76%, 96%)
Tetapan Palet
3 5 12
Palet yang Dijana
Tetapan Gradien
0%
100%
Pratonton Gradien
Muat Naik Imej
Seret & lepas imej di sini

JPG, PNG, GIF, WebP disokong (Maks 10MB)

Warna yang Diekstrak
3 8 16

Contoh Penggunaan

Reka Bentuk Web

Cipta palet warna harmoni untuk laman web.

#FF6B6B #4ECDC4 #45B7D1...
Reka Bentuk Logo

Kombinasi warna profesional untuk identiti jenama.

#2C3E50 #E74C3C #F39C12...
Analisis Visual

Ekstrak palet warna dari imej sedia ada.

Analisis warna dari foto...

Ciri-ciri

Penukar Warna

Tukar antara format HEX, RGB, HSL, CMYK, HSB

Pengekstrakan Warna Imej

Pengekstrakan warna dominan automatik dari imej

Penjana Gradien

Cipta gradien linear, radial dan konik

Jenis Palet

Jenis palet monokromatik, analog, pelengkap

📋

Penyalinan Mudah

Salin kod warna ke papan klip dengan satu klik

♿

Kebolehcapaian

Kontras dan cadangan mesra buta warna

Cara Menggunakan?

1

Pilih Warna

Gunakan pemilih warna untuk pilih warna atau masukkan kod warna

2

Pilih Format

Pilih format warna yang dikehendaki (HEX, RGB, HSL, CMYK)

3

Jana Palet

Cipta palet warna profesional dengan jenis harmoni berbeza

4

Cipta Gradien

Jana gradien tersuai dan dapatkan kod CSS

5

Analisis Imej

Ekstrak warna secara automatik dari imej dan tambah ke palet

Soalan Lazim

HEX (cth. #FF6B6B), RGB (cth. rgb(255, 107, 107)), HSL (cth. hsl(0, 100%, 71%)), CMYK (cth. C:0 M:58 Y:58 K:0), dan HSB/HSV. Masukkan sebarang nilai dalam mana-mana format dan semua yang lain dikemas kini serta-merta. Input HEX boleh dalam bentuk 3 digit atau 6 digit dengan atau tanpa awalan #.

Monokromatik: ton berbeza daripada satu warna. Analog: warna bersebelahan pada roda warna (penampilan padu). Pelengkap: warna bertentangan pada roda (kontras tinggi). Triadik: tiga warna berselang sama rata (keseimbangan cergas). Tetradik/Segi Empat: empat warna berselang sama rata (kaya, kompleks). Pelengkap Terpisah: satu warna dan dua jiran pelengkapnya (lebih mudah diseimbangkan berbanding pelengkap tulen).

Muat naik foto, tangkapan skrin, atau sebarang imej (JPG, PNG, GIF, WebP sehingga 10MB). Alat ini menganalisis warna piksel dalam pelayar anda menggunakan kaedah yang anda pilih: Warna Dominan, Warna Purata, atau Warna Cerah. Semuanya dijalankan di sebelah klien — tiada imej dimuat naik ke mana-mana pelayan.

Gradien linear: warna bertukar dalam garisan lurus pada sudut yang ditentukan. Gradien radial: warna merebak keluar dari satu titik tengah. Gradien konik: warna berputar di sekitar titik tengah seperti roda warna. Ketiga-tiganya menghasilkan nilai sifat latar belakang CSS.

CSS Custom Properties (--color-primary: #FF6B6B), JSON (tatasusunan objek warna dengan semua nilai format), dan salin-ke-papan-klip untuk warna individu. Pemboleh ubah CSS boleh ditampal terus ke dalam blok :root gaya lembaran anda. JSON berguna untuk token reka bentuk.

HSL bermaksud Hue (0-360°), Saturation (0-100%), dan Lightness (0-100%). Berbeza daripada RGB, HSL bersifat intuitif: untuk mencerahkan warna, tingkatkan Lightness; untuk mengurangkan ketepuan, kurangkan Saturation. Ia memetakan terus kepada cara pereka bentuk berfikir tentang hubungan warna.

CMYK (Cyan, Magenta, Yellow, Key/Black) ialah model warna yang digunakan dalam cetakan. RGB adalah untuk skrin, CMYK adalah untuk pencetak. Jika menyediakan reka bentuk untuk cetakan fizikal, vendor anda memerlukan nilai CMYK. Nota: penukaran adalah anggaran kerana ruang warna RGB dan CMYK tidak meliputi julat yang sama.

Tidak. Semua penukaran warna, penjanaan palet, pembinaan gradien, dan analisis imej dijalankan secara tempatan dalam pelayar anda melalui JavaScript. Imej dan data warna anda tidak pernah meninggalkan peranti anda.

Apa Itu Penjana Palet Warna?

Alat yang membantu anda membina skema warna yang padu untuk laman web, aplikasi atau sebarang projek reka bentuk. Pilih warna asas dan penjana akan mengira kombinasi harmoni menggunakan teori warna -- monokromatik, analog, pelengkap, triadik dan banyak lagi.

Tukar Warna Serta-merta

Guna HEX dalam CSS tapi perlukan RGB untuk canvas JavaScript? Alat ini menukar antara HEX, RGB, HSL, CMYK dan HSB secara masa nyata. Masukkan nilai dalam mana-mana format dan lihat semua yang lain dikemas kini serta-merta.

Ekstrak Warna dari Sebarang Imej

Muat naik foto atau tangkapan skrin dan biarkan alat ini mengekstrak warna dominan. Sesuai untuk membina palet yang sepadan dengan jenama sedia ada, mood board atau foto rujukan. Menyokong JPG, PNG, GIF dan WebP sehingga 10MB.

Jana Gradien CSS

Bina gradien linear, radial atau konik secara visual, kemudian salin kod CSS dengan satu klik. Tambah seberapa banyak hentian warna yang diperlukan, laraskan arah dan pratonton secara langsung.

Privasi Diutamakan

Semuanya berjalan dalam pelayar anda. Imej dan data warna anda tidak pernah meninggalkan peranti -- tiada apa-apa dimuat naik ke mana-mana pelayan. Gunakan dengan tenang.

Keselamatan dan Privasi

Keselamatan data anda adalah keutamaan kami

Pemprosesan Tempatan

Semua pemprosesan berlaku dalam pelayar anda

Tiada Pemindahan Data

Data anda tidak dihantar ke pelayan kami

Tiada Penyimpanan Data

Tiada data disimpan atau dikongsi

Penyulitan SSL

Penyulitan SSL untuk sambungan selamat

Langkah Seterusnya

Pemilih Warna

Pemilih warna lanjutan dengan penukaran HEX, RGB, HSL, HSV, CMYK dan pemeriksa kontras

Penjana Gradien CSS

Jana gradien CSS dengan pratonton langsung dan pelbagai hentian warna

Alat Berkaitan

Tera Air Imej

Tambah tera air teks atau imej untuk melindungi foto anda.

Alat Ubah Saiz Imej

Ubah saiz imej anda dengan nilai piksel atau peratusan

Pencantik Tangkapan Skrin

Tambah latar belakang, bayang dan bingkai pada tangkapan skrin

Alat Potong Imej

Potong imej anda kepada dimensi dan nisbah aspek yang dikehendaki

Penjana Favicon

Cipta pakej favicon lengkap dengan fail PNG, ICO dan manifest

Penukar Format Imej

Tukar imej antara format PNG, JPEG, WebP, GIF dan BMP

Lebih Banyak di MoreOnlineTools

Alat Dalam Talian Percuma

109 alat untuk teks, imej, keselamatan dan pembangunan

Semak Semua Alat →
Helaian Rujukan Pembangun

Rujukan pantas untuk Regex, Git, kod HTTP, CSS, Markdown dan lagi

Semak Helaian Rujukan →
Kalkulator Dalam Talian

BMI, pinjaman, peratusan, tip, umur dan kalkulator praktikal lain

Semak Kalkulator →
Koleksi Alat

Aliran kerja terpilih: pembangunan API, saluran imej, audit keselamatan dan lagi

Semak Koleksi →