CSS түс мәнін енгізіңіз, мысалы #ff6600, ff6600, rgb(255 102 0) немесе hsl (24 100% 50%). Құрал түсті көрсетеді және оны жалпы CSS форматтарына түрлендіреді.
Мөлдір түспен контрастты есептеу үшін мөлдір емес фон қолданылады. Ол сіз енгізген түсті емес, салыстыру фонын өзгертеді.
Мәндер осы шолғышта sRGB үшін шешіледі. Мәтінмәнге тәуелді түстер, мысалы, currentColor, var() және жүйелік түстер қабылданбайды. Кең гамма және CSS Түс 4 функциялары бұл құралдың қолдау көрсететін енгізу пішімінен тыс. RGBA, HSLA және альфа HEX нұсқаларында мөлдірлік сақталады. RGB және HSL альфаны өткізбейді. Контраст шектері толық қолжетімділік аудитін алмастырмайды.
Жарамды CSS түс мәнін енгізіңіз.
Кіріс өзгерді. Бұл есеп әлі де соңғы сәтті іске қосылған.
Мұнда түс үлгісі пайда болады
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS енгізу
—
WCAG контраст коэффициенті:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 - кәдімгі мәтін үшін АА шегі; 3:1 тек жеткілікті үлкен мәтінге қолданылады. 7:1 кәдімгі мәтін үшін AAA болып табылады. Түс жұбын тексеру беттің жалпы қолжетімділігін белгілемейді.
Неліктен онлайн CSS түсті тексеру құралын пайдалану керек?
Бұл құрал кез келген CSS түс мәнін тікелей браузерде жылдам бейнелеуге көмектеседі. Дизайн жүйесінен, стиль нұсқаулығынан немесе орналасудан кодтарды қоюға және олардың экранда қалай көрінетінін бірден көруге болады.
Оны веб-сайт үшін стильдерді дайындау, бренд түстеріне сәйкес келтіру немесе бар орналасуларды жөндеу кезінде пайдаланыңыз. Тексеруші HEX, RGB, RGBA, HSL және аталған түстерді қоса алғанда, барлық стандартты CSS пішімдерін қолдайды.
Жылдам бастау
CSS түстерді түрлендіріңіз және альфа көмегімен мөлдір емес фонда мәтін контрастын тексеріңіз.
Пікірлер жарияланар алдында тексеріледі. Біз шынайы оң пікірлер мен нақты сындарды жариялаймыз. Пайдалы мәліметтері жоқ спам және қорлау жарияланбайды; балағат сөздер мен жеке мәліметтер жасырылады. Оң дауыстар бірден есептеледі; теріс дауыстар тексерілгеннен кейін есептеледі.
Пікірлер нәтижелердің кепілдігі немесе қызмет шектеулерінің сипаттамасы емес, пайдаланушылардың тәжірибесін көрсетеді. Пікір қалдыру үшін жоғарыдағы бағалау түймелерін пайдаланыңыз.