Masukkan nilai warna CSS, contohnya #ff6600, ff6600, rgb(255 102 0) atau hsl(24 100% 50%). Alat ini akan menunjukkan warna dan menukarnya kepada format CSS biasa.
Latar belakang legap digunakan untuk mengira kontras dengan warna lutsinar. Ia menukar latar belakang perbandingan, bukan warna yang anda masukkan.
Nilai diselesaikan dalam penyemak imbas ini kepada sRGB. Warna yang bergantung kepada konteks seperti currentColor, var() dan warna sistem tidak diterima. Fungsi Wide-gamut dan CSS Color 4 berada di luar format input yang disokong alat ini. Ketelusan dikekalkan dalam RGBA, HSLA dan alfa HEX. RGB dan HSL meninggalkan alfa. Ambang kontras tidak menggantikan audit kebolehaksesan penuh.
Masukkan nilai warna CSS yang sah.
Input telah berubah. Laporan ini masih tergolong dalam larian terakhir yang berjaya.
Sampel warna akan muncul di sini
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
Input CSS
—
WCAG nisbah kontras:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 ialah ambang AA untuk teks biasa; 3:1 hanya digunakan pada teks yang cukup besar. 7:1 ialah AAA untuk teks biasa. Semakan pasangan warna tidak mewujudkan kebolehcapaian halaman keseluruhan.
Mengapa menggunakan penyemak warna CSS dalam talian?
Alat ini membantu anda menggambarkan dengan cepat sebarang nilai warna CSS secara langsung dalam penyemak imbas anda. Anda boleh menampal kod daripada sistem reka bentuk, panduan gaya atau reka letak dan serta-merta melihat penampilannya pada skrin.
Gunakannya semasa menyediakan gaya untuk tapak web, memadankan warna jenama atau menyahpepijat reka letak sedia ada. Pemeriksa menyokong semua format CSS standard, termasuk HEX, RGB, RGBA, HSL dan warna yang dinamakan.
Permulaan cepat
Tukar warna CSS dan semak kontras teks pada latar belakang legap dengan alfa.
Ulasan disemak sebelum diterbitkan. Kami menerbitkan maklum balas positif yang tulen dan kritikan khusus. Spam dan penghinaan tanpa butiran berguna tidak diterbitkan; kata-kata kotor dan butiran peribadi bertopeng. Undi positif dikira serta-merta; undian negatif dikira selepas semakan.
Ulasan mencerminkan pengalaman pengguna, bukan jaminan hasil atau perihalan had perkhidmatan. Gunakan butang penilaian di atas untuk meninggalkan ulasan.
