Selamat datang kembali

Pilih jenis item yang akan ditambahkan ke koleksi ini

Apa saja yang akan ada dalam koleksi ini?

Menambahkan koleksi untuk mengatur item Anda

Buat koleksi pertama Anda untuk mengatur warna Anda

Menambahkan warna, palet, atau gradien ke koleksi ini

Tiga warna dengan pencahayaan dan saturasi yang sama dengan rona yang berdekatan pada roda warna, terpisah 30 derajat. Transisi yang mulus.

Buta warna mempengaruhi sekitar 1 dari 12 pria dan 1 dari 200 wanita di seluruh dunia. Simulator ini membantu desainer, pengembang, dan pembuat konten memahami bagaimana pilihan warna mereka terlihat oleh orang-orang dengan berbagai bentuk kekurangan penglihatan warna.

Dengan menguji warna Anda melalui simulasi buta warna yang berbeda, Anda dapat memastikan desain Anda dapat diakses dan efektif untuk semua pengguna. Alat ini mensimulasikan jenis defisiensi penglihatan warna yang paling umum termasuk Protanopia, Deuteranopia, Tritanopia, dan buta warna total.

Memahami Buta Warna

Gunakan kontras dan pola di samping warna untuk menyampaikan informasi.

Desain Lebih Baik

Kebutaan Biru-Kuning (Tritanopia)

Kode Warna

Pemeriksa Kontras

Periksa bagaimana warna dilihat oleh orang-orang dengan berbagai jenis buta warna untuk membuat desain yang lebih mudah diakses. Memahami persepsi warna membantu memastikan konten Anda dapat diakses oleh semua orang.

Pembuat Gradien

Warna saja tidak boleh menjadi satu-satunya cara untuk menyampaikan informasi. Pengujian dengan simulator ini membantu mengidentifikasi masalah potensial.

Mengapa Ini Penting

Buat akun gratis untuk mensimulasikan bagaimana warna tampak bagi orang-orang dengan berbagai jenis buta warna.

Daftar untuk mengakses Simulator Kebutaan

Beginilah penampilan warna dengan penglihatan warna normal.

Kebutaan Merah-Hijau (Protanopia)

Alat Aksesibilitas Terkait

8% pria dan 0,5% wanita memiliki beberapa bentuk kekurangan penglihatan warna.

Dampak

Simulator Kebutaan

Buta Warna Lengkap

Akromatomali

Achromatopsia

Deuteranomali

Deuteranopia

Protanomali

Protanopia

Tritanomali

Tritanopia

Kebutaan merah-hijau adalah yang paling umum terjadi, yang memengaruhi bagaimana warna merah dan hijau dilihat.

Jenis

Sempurna untuk desain UI, visualisasi data, branding, dan konten visual apa pun yang mengandalkan diferensiasi warna.

Kasus Penggunaan

Alat analisis warna kami yang canggih memberikan wawasan yang komprehensif mengenai properti warna, harmoni, dan efek psikologis. Sempurna untuk desainer, pengembang, dan seniman yang ingin memahami aspek teknis dan emosional warna.

Menganalisis keselarasan warna, dampak psikologis, spesifikasi teknis, dan metrik aksesibilitas. Membuat keputusan yang tepat tentang penggunaan warna dalam proyek Anda dengan wawasan berbasis data dan aplikasi teori warna profesional.

Memahami Analisis Warna

Wawasan dan harmoni warna yang profesional

Analisis Warna Lengkap

Warna yang sejuk - tenang dan profesional

Menganalisis properti warna dengan metrik tingkat lanjut, termasuk komposisi spektral, kemurnian warna, efek metamerisme, dan karakteristik persepsi. Semua alat bantu ini memberikan wawasan yang mendalam mengenai perilaku dan penampilan warna di bawah kondisi tampilan yang berbeda.

Penting untuk menciptakan identitas merek yang kohesif, memastikan keselarasan warna dalam desain, dan menjaga konsistensi di seluruh media digital dan cetak. Alat analisis warna kami memberikan wawasan yang komprehensif untuk desainer profesional.

Desain &amp; Branding

Menghasilkan skema warna komplementer, triadik, dan analog berdasarkan hubungan roda warna

Harmoni Warna

Buat akun gratis untuk melihat analisis dan metrik warna yang komprehensif.

Daftar untuk mengakses Analisis Warna

Memahami psikologi warna dan dampak emosional untuk kampanye pemasaran. Menganalisis bagaimana warna memengaruhi perilaku pengguna dan tingkat konversi dalam strategi pemasaran digital.

Pemasaran &amp; Psikologi

Mengakses spesifikasi warna yang mendetail, termasuk nilai RGB, HSL, LAB, dan kalkulasi luminansi

Metrik Teknis

Generator Palet

Memahami bagaimana warna tampak dalam kondisi pencahayaan yang berbeda dan untuk berbagai audiens

Persepsi Visual

Bagaimana warna tampak pada penglihatan manusia, termasuk kemurnian, dominasi, dan kecerahan yang dirasakan.

Properti Perseptual

Aplikasi Analisis Warna Profesional

Mengeksplorasi asosiasi emosional dan psikologis yang memengaruhi perilaku dan persepsi pengguna

Psikologi Warna

Alat Warna Terkait

Pengukuran warna yang tepat berdasarkan kolorimetri dan analisis spektral untuk aplikasi teknis.

Analisis Ilmiah

Analisis Warna

Menganalisis warna untuk kepatuhan aksesibilitas web, menghasilkan kode warna CSS, dan memastikan keterbacaan yang optimal. Sempurna untuk pengembang frontend yang berfokus pada pengalaman pengguna dan pedoman WCAG.

Pengembangan Web

Setiap harmoni memiliki suasana hati tersendiri. Gunakan harmoni untuk mencari kombinasi warna yang cocok untuk dipadukan.

Gunakan satu warna dominan, dukung dengan warna sekunder, dan aksen secukupnya.

Pastikan kontras yang memadai untuk keterbacaan dan aksesibilitas.

Warna harus bekerja sama untuk menciptakan pengalaman visual yang terpadu.

Prinsip Teori Warna

Sebuah warna dan kebalikannya pada roda warna, +180 derajat rona. Kontras tinggi.

Makna warna bervariasi di seluruh budaya, membawa makna simbolis yang berbeda di seluruh dunia.

Budaya

Jelajahi dimensi artistik dan psikologis warna termasuk asosiasi musiman, dampak emosional, kejadian alami, pigmen historis, dan resep pencampuran warna untuk aplikasi kreatif.

Buat akun gratis untuk menjelajahi dimensi kreatif dan artistik warna.

Daftar untuk mengakses Aspek Kreatif

Warna-warna yang muncul secara alami menginspirasi desain dan menghubungkan kita dengan lingkungan.

Alam

Warna mempengaruhi emosi dan perilaku melalui asosiasi psikologis yang dikembangkan dari waktu ke waktu.

Psikologi

Aspek Kreatif

Klik pada warna apa pun untuk menyalin nilai heksanya. Kombinasi ini secara matematis terbukti menciptakan keharmonisan visual.

Harmoni warna menciptakan keseimbangan dan membangkitkan emosi tertentu dalam desain Anda.

Dapatkan informasi warna yang berguna tentang warna 123456 seperti konversi, kombinasi, simulasi kebutaan, dan lainnya.

Pemilih Warna HTML: 123456

Tiga warna dengan rona yang sama dengan nilai pencahayaan +/- 50%. Halus dan halus.

Warna terminal, pengkodean byte, dan format data untuk penggunaan pemrograman.

Pengembangan

Mengonversi warna ke format praktis untuk aplikasi dunia nyata, termasuk simulasi cetak, tampilan LED, output terminal, dan penyandian data. Format-format ini membantu Anda mengimplementasikan warna di berbagai media, platform, dan perangkat fisik.

Mengontrol strip LED, pencahayaan RGB, dan perangkat keras tampilan dengan nilai yang tepat.

Tampilan Digital

Buat akun gratis untuk melihat dan menyalin semua nilai format warna yang praktis.

Daftar untuk mengakses Format Praktis

Mensimulasikan bagaimana warna muncul apabila dicetak dengan tinta CMYK pada media fisik.

Cetak &amp; Produksi

Format Praktis

Dapatkan akses instan ke semua konversi format warna untuk proyek Anda.

Akses Semua Format Praktis

Variasi yang lebih gelap dibuat dengan menambahkan warna hitam ke warna dasar Anda.

Satu warna dan dua warna yang berdekatan dengan komplemennya, +/- 30 derajat rona warna dari nilai yang berlawanan dengan warna utama. Berani seperti komplemen lurus, tetapi lebih serbaguna.

Jelajahi representasi ruang warna tingkat lanjut dan model warna profesional yang digunakan dalam produksi video, fotografi, aplikasi ilmiah, dan sistem manajemen warna. Format teknis ini memberikan spesifikasi warna yang tepat untuk industri dan aplikasi khusus.

Alur kerja profesional memerlukan format warna spesifik untuk konsistensi di seluruh perangkat dan media.

Standar Industri

Buat akun gratis untuk melihat dan menyalin semua nilai format warna teknis.

Daftar untuk mengakses Format Teknis

Format Teknis

Dapatkan akses instan ke 10+ format warna profesional dengan konversi yang tepat dan penjelasan yang mendetail.

Buka Kunci Semua Format Teknis

Ruang warna yang berbeda-beda dioptimalkan untuk tujuan tertentu - dari reproduksi warna yang akurat hingga kompresi data yang efisien.

Mengapa Menggunakan Format Teknis

Dua set warna yang saling melengkapi, dipisahkan oleh 60 derajat rona warna.

Variasi yang lebih ringan dibuat dengan menambahkan warna putih ke warna dasar Anda.

Tiga warna dengan jarak yang sama di sepanjang roda warna, masing-masing berjarak 120 derajat rona. Sebaiknya biarkan satu warna mendominasi dan gunakan warna lainnya sebagai aksen.

Tujuan bagian ini adalah menghasilkan rona warna (putih murni yang ditambahkan) dan bayangan (hitam murni yang ditambahkan) secara akurat dari warna yang Anda pilih dengan kenaikan 10%.

Variasi ini membentuk dasar palet warna yang kohesif. Eksporlah untuk mempertahankan konsistensi di seluruh proyek Anda.

Gunakan nuansa untuk status hover dan bayangan, warna untuk sorotan dan latar belakang.

Nama

Hubungi Kami

Sesuaikan penggeser untuk meningkatkan kontras teks agar lebih mudah dibaca

Ini adalah teks tubuh biasa. Rubah coklat yang cepat melompati anjing yang malas.

Pilih warna menggunakan pemilih warna untuk teks dan warna latar belakang atau masukkan warna dalam format heksadesimal RGB (misalnya, #259 atau #2596BE). Anda dapat menyesuaikan penggeser untuk memilih warna. Pedoman Aksesibilitas Konten Web (WCAG) memiliki panduan khusus untuk membantu mengetahui apakah teks dapat dibaca oleh pengguna tunanetra. Kriteria ini menggunakan algoritme tertentu untuk memetakan kombinasi warna ke dalam rasio yang sebanding.  Dengan menggunakan rumus ini, WCAG menyatakan bahwa rasio kontras warna 4,5:1 dengan teks dan latar belakangnya cukup memadai untuk teks biasa (body), dan teks besar (18+ pt reguler, atau 14+ pt tebal) harus memiliki setidaknya rasio kontras warna 3:1.

Menguji kombinasi warna untuk memastikan kombinasi warna tersebut memenuhi standar aksesibilitas WCAG untuk keterbacaan teks.

Pemeriksa Kontras Warna: Dengan alat bantu online ini, Anda bisa mendapatkan rincian tentang rasio kontras teks dan warna latar belakang 123456. 

Pemeriksa Kontras Warna: 123456

Hal ini menunjukkan bagaimana warna terlihat apabila dibalik, berguna untuk mode gelap/terang.

Rubah coklat yang cepat melompati anjing yang malas

Judul Pratinjau

Ini adalah teks kecil untuk menguji keterbacaan.

Ini adalah teks kecil yang seharusnya masih dapat dibaca.

Daftar secara gratis untuk mengakses 5 saran warna cerdas yang mempertahankan semangat sekaligus memenuhi standar aksesibilitas WCAG.

Membuka Saran Warna Cerdas

Rasio kontras yang disempurnakan sebesar 7:1 untuk teks normal dan 4,5:1 untuk teks besar. Direkomendasikan untuk aksesibilitas yang optimal.

Rasio kontras minimum 4,5:1 untuk teks normal dan 3:1 untuk teks besar. Diperlukan untuk sebagian besar situs web.

Tingkat Kepatuhan WCAG

Pedoman WCAG memastikan konten Anda dapat diakses oleh pengguna dengan gangguan penglihatan.

Standar WCAG

Perhatian dibutuhkan

Untuk menggunakan fitur ini, Anda perlu membuat akun imagecolorpicker GRATIS. Setelah itu, Anda akan memiliki akses ke lebih banyak fungsi.

Membuat Palet baru

Mengelola palet dan gradien yang disimpan

Melihat dan mengelola gradien yang disimpan

Gradien Anda

Melihat dan mengelola palet warna yang disimpan

Palet Anda

Dasbor

Edit Palet Anda

Buat gradien yang menakjubkan dengan Pembuat Gradien dari imagecolorpicker.com. Pilih dari gradien linier dan radial, tambahkan beberapa warna, putar gradien, simpan dan bagikan kreasi Anda. Unduh kode CSS secara langsung dan integrasikan gradien Anda ke dalam proyek Anda dengan mulus.

Edit Gradien Anda

Judul gradien diperlukan

Pembuat Gradien - Buat Gradien Linier dan Radial yang Menakjubkan | imagecolorpicker.com

Gradien

Menghasilkan kode warna, variasi, harmoni, dan memeriksa rasio kontras.

Generator &; Pemilih Kode Warna

Buat gradien yang indah dengan mudah - sesuaikan warna, arah, dan ekspor kreasi Anda.

Kelola dan atur palet warna favorit Anda.

Gradien Bersama

Palet Bersama

Kami melihat Anda menggunakan pemblokir iklan. Tidak apa-apa! Anda bisa mendukung kami dengan donasi kecil agar alat ini tetap gratis bagi jutaan pengguna. Setiap kopi membantu kami mempertahankan dan meningkatkan layanan.

Pemblokir iklan terdeteksi - Dukung kami dengan minum kopi sebagai gantinya!

 Gunakan pemilih warna gambar online di atas untuk memilih warna dan mendapatkan Kode Warna HTML piksel ini. Anda juga mendapatkan nilai kode warna HEX, nilai RGB, dan nilai HSV. Di bawah 'Gunakan Gambar Anda' Anda dapat mengunggah gambar Anda sendiri (misalnya tangkapan layar desktop Anda), menempelkan gambar dari clipboard, meletakkan url gambar di kotak teks di bawah ini. Atau gunakan url situs web, Anda akan melihat gambar mini di sisi kiri.

Jatuhkan file gambar untuk diunggah. Format yang didukung: PNG, JPG, JPEG.

Unggah Gambar

Pemilih Warna: Dengan alat bantu online ini, Anda dapat mengunggah gambar atau memberikan URL situs web dan mendapatkan kode Warna RGB, Warna HEX, dan Warna HSL. 👍

👍 Pemilih Warna online | Pemilih Warna HEX | Pemilih Warna HTML

Jika Anda menggunakan Mac atau komputer dengan sistem operasi dan browser terkini, maka Anda dapat menggunakan fitur ini. Safari, Edge, Firefox, dan Chrome telah kami uji. Tampilannya mungkin sedikit berbeda.

Anda dapat menggunakan fitur ini 3 kali secara gratis, lalu menonton iklan singkat untuk 3 kali penggunaan lagi. Dukungan Anda membantu kami menjaga agar alat ini tetap gratis untuk 3+ juta pengguna di seluruh dunia.

Tonton iklan 15 detik untuk terus menggunakannya secara gratis

Anda sudah menggunakan fitur ini sebanyak 3 kali!

Buat akun gratis untuk melewatkan iklan kapan saja

Kami masih berada di awal perjalanan color picker kami, akan ada lebih banyak fitur yang akan datang, dan ini sangat berharga.

Masukkan alamat email Anda dan kami akan mengirimkan tautan aman untuk masuk.

Judul palet diperlukan

Anda belum menyimpan palet warna. Simpan satu dan Anda akan menemukannya di sini.

Palet warna yang dibagikan kepada Anda sudah tidak ada lagi, mungkin sudah dihapus oleh pembuatnya. Hubungi orang yang menerima tautan ini.

Palet

Judul diperlukan

Mengatur warna, palet, dan gradien Anda ke dalam proyek dan koleksi

Proyek Saya

Mengatur aset desain Anda ke dalam proyek

Situs web ini dibuat melalui iklan. Anda memiliki pemblokir. Kami memahami bahwa Anda tidak akan melihat iklan. Situs web ini membutuhkan biaya untuk dijalankan dan dipelihara. Kami sangat senang dengan setiap kopi!

Alat bantu online untuk memilih warna dari gambar, situs web, dan layar Anda. Dapatkan kode warna HEX, RGB, dan HSL secara instan.

Alat online untuk mengekstrak kode warna (HEX, RGB) dari gambar dan situs web. 100% gratis.

Orang-orang hebat yang baru-baru ini membelikan kami kopi. Terima kasih atas dukungan kalian!

ImageColorPicker.com

Hubungi Kami