Pemilih dan Penukar Warna
Pilih warna, tampal kod atau klik pada imej untuk melihat warna dalam semua format, dengan palet sepadan dan semakan kontras teks.
- Pilih warna, kod atau imej
- Lihat dalam HEX, RGB, HSL, HSV dan CMYK
- Salin kod dan palet atau semak kontras
Fail anda tidak pernah meninggalkan peranti anda
Penerangan format warna
- HEX: kod enam digit untuk reka bentuk web dan CSS (#14183d).
- RGB: nilai merah, hijau dan biru dari 0 hingga 255 untuk skrin.
- HSL dan HSV: rona, ketepuan dan kecerahan atau nilai — mudah dilaras secara manual.
- CMYK: peratusan sian, magenta, kuning dan hitam untuk cetakan.
Membina palet
- Warna pelengkap bertentangan dan memberi kontras kuat.
- Warna analog bersebelahan dan terasa tenang serta harmoni.
- Warna triadik berjarak sama dan memberi rupa seimbang serta bertenaga.
- Klik mana-mana sampel untuk menjadikannya warna semasa dan menyalin kodnya.
Teks mudah dibaca (WCAG)
Pilih warna teks dan latar, dan alat ini mengira nisbah kontras. Sasarkan sekurang-kurangnya 4.5:1 untuk teks badan dan 3:1 untuk tajuk besar (tahap AA); 7:1 memenuhi tahap AAA yang lebih ketat.
Soalan lazim
Kod warna apakah yang boleh dimasukkan?
HEX (#1e90ff atau 1e90ff), rgb(), hsl(), hsv(), cmyk() dan nama warna CSS seperti navy atau tomato.
Bagaimana mengambil warna daripada foto atau logo?
Buka imej dalam bahagian «Ambil daripada imej» dan klik mana-mana titik. Imej kekal pada peranti anda.
Adakah nilai CMYK tepat untuk cetakan?
Ia penukaran matematik piawai. Warna cetakan sebenar bergantung pada profil warna pencetak, jadi semak kerja penting dengan kedai cetak.
Apakah nisbah kontras?
Ia mengukur sejauh mana teks boleh dibaca di atas latar. WCAG memerlukan sekurang-kurangnya 4.5:1 untuk teks biasa dan 3:1 untuk teks besar (tahap AA).
Bagaimana palet dicipta?
Dengan memutar rona pada roda warna: pelengkap (180°), analog (±30°) dan triadik (120°), serta ton lebih cerah dan lebih gelap.
Bolehkah mengambil warna dari mana-mana bahagian skrin?
Boleh, dalam pelayar yang menyokong (seperti Chrome dan Edge pada komputer) butang «Ambil daripada skrin» akan muncul.