Langkau ke kandungan utama
Uddatak

Pengekstrak Palet Warna

Pengekstrak Palet Warna menganalisis mana-mana imej yang anda muat naik dan secara automatik mengekstrak warna paling dominannya, memaparkan kod HEX dan RGB setiap warna bersama anggaran peratusan kehadirannya dalam imej. Salin mana-mana satu warna dengan sekali klik, atau salin keseluruhan palet sekali gus sebagai custom property CSS yang sedia digunakan. Berguna untuk mendapatkan identiti warna daripada gambar produk, logo, atau hasil reka bentuk yang anda sukai. Semua analisis berlaku dalam pelayar anda melalui Canvas — imej anda tidak pernah dimuat naik ke mana-mana pelayan.

Alat Reka Bentuk dan CSS Berjalan sepenuhnya dalam pelayar anda

Imej anda diproses sepenuhnya pada peranti anda melalui Canvas, dan tidak pernah dimuat naik ke mana-mana pelayan.

Muat naik imej dan alat ini akan mengekstrak warna paling dominan secara automatik, lengkap dengan kod HEX dan RGB setiap warna, serta butang untuk menyalin semua warna sekali gus sebagai custom property CSS.

Seret imej ke sini, atau pilih satu

JPG, PNG, atau WebP

Soalan Lazim

Tidak — imej dianalisis sepenuhnya dalam pelayar anda melalui Canvas; ia tidak pernah dimuat naik ke mana-mana pelayan.

Teruskan dengan

Sepenuhnya tempatan

Penjana Gradien CSS

Bina gradien CSS linear atau radial secara visual dan salin kodnya.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penyemak Kontras Warna

Semak sama ada gabungan warna teks dan latar belakang memenuhi piawaian kontras aksesibiliti WCAG.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penukar Warna

Tukar warna antara format HEX, RGB dan HSL serta-merta.

Alat PembangunBuka alat
Sepenuhnya tempatan

Penjana Harmoni Palet Warna

Pilih warna asas dan dapatkan palet warna harmoni (komplementari, analog, triadik, tetradik, monokromatik).

Alat Reka Bentuk dan CSSBuka alat

Alat berkaitan

Sepenuhnya tempatan

Penjana Tangkapan Skrin Kod

Tampal kod dan tukarkannya menjadi imej kemas dengan latar belakang gradien dan bar tajuk, sedia dikongsi

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Simulator Buta Warna

Lihat bagaimana imej anda kelihatan kepada seseorang yang mengalami buta warna (protanopia, deuteranopia, tritanopia, atau akromatopsia)

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Clip-Path CSS

Pilih bentuk sedia ada (bulatan, segi tiga, bintang, gelembung mesej...) dan salin kod CSS clip-path.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Easing Cubic Bezier

Seret dua titik untuk mereka lengkung easing gerakan tersuai secara visual dan salin kod cubic-bezier.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Glassmorphism CSS

Reka kesan kad kaca kabur (frosted-glass) secara visual dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Ingin mencuba Uddatak?

Layari perpustakaan alat yang lengkap dan mula gunakan apa yang anda perlukan sekarang — percuma, tanpa pendaftaran.

Lihat semua alat