ESC

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, RGB, HSL, CMYK dan HSB. Masukkan nilai dalam mana-mana format dan yang lain dikemas kini serta-merta.

Muat naik imej dalam tab Analisis Imej dan alat ini mengekstrak warna dominan secara automatik.

Ya, eksport dalam JSON, CSS atau ASE dan gunakan terus dalam Figma, Sketch atau CSS 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