1
Maglagay ng kulay o piliin ito gamit ang picker.
2
Magtakda ng opaque na background at patakbuhin ang conversion.
3
Kopyahin ang mga format o i-export ang kulay at contrast na ulat.
CSS color viewer at contrast checker
Maglagay ng value ng kulay ng CSS, halimbawa #ff6600, ff6600, rgb(255 102 0) o hsl(24 100% 50%). Ipapakita ng tool ang kulay at i-convert ito sa mga karaniwang format ng CSS.
Ang mga halaga ay nalutas sa browser na ito sa sRGB. Ang mga kulay na umaasa sa konteksto gaya ng currentColor, var() at mga kulay ng system ay hindi tinatanggap. Ang mga function ng Wide-gamut at CSS Color 4 ay nasa labas ng mga sinusuportahang input format ng tool na ito. Ang transparency ay pinapanatili sa RGBA, HSLA at alpha HEX. Inalis ng RGB at HSL ang alpha. Hindi pinapalitan ng mga contrast threshold ang isang ganap na pag-audit ng accessibility.
Maglagay ng wastong halaga ng kulay ng CSS.
Nagbago ang input. Ang ulat na ito ay nabibilang pa rin sa huling matagumpay na pagtakbo.
May lalabas na sample ng kulay dito
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
Input ng CSS
—
Ratio ng contrast ayon sa WCAG:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
Ang 4.5:1 ay ang AA threshold para sa ordinaryong teksto; Ang 3:1 ay nalalapat lamang sa sapat na malaking teksto. Ang 7:1 ay AAA para sa ordinaryong text. Ang isang color-pair check ay hindi nagtatatag ng pangkalahatang accessibility ng page.
Bakit gumamit ng online na CSS color checker?
Tinutulungan ka ng tool na ito na mabilis na mailarawan ang anumang halaga ng kulay ng CSS nang direkta sa iyong browser. Maaari kang mag-paste ng mga code mula sa isang sistema ng disenyo, gabay sa istilo o layout at agad na makita ang hitsura ng mga ito sa screen.
Gamitin ito kapag naghahanda ng mga istilo para sa isang website, tumutugma sa mga kulay ng brand, o nagde-debug ng mga kasalukuyang layout. Sinusuportahan ng checker ang lahat ng karaniwang format ng CSS, kabilang ang HEX, RGB, RGBA, HSL at mga pinangalanang kulay.
Sinusuri ang mga pagsusuri bago ilathala. Nag-publish kami ng tunay na positibong feedback at partikular na pagpuna. Ang spam at mga insulto na walang kapaki-pakinabang na detalye ay hindi nai-publish; bastos at personal na mga detalye ay nakamaskara. Ang mga positibong boto ay binibilang kaagad; ang mga negatibong boto ay binibilang pagkatapos ng pagsusuri.
Ang mga review ay nagpapakita ng mga karanasan ng mga user, hindi isang garantiya ng mga resulta o isang paglalarawan ng mga limitasyon ng serbisyo. Gamitin ang mga button ng rating sa itaas para mag-iwan ng review.
Wala pang nai-publish na mga review sa wikang ito.