2
Tetapkan latar belakang legap dan jalankan penukaran.
3
Salin format atau eksport laporan warna dan kontras.
CSS pemapar warna dan penyemak kontras
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.
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.
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.
