Түрлендіргіш құрал

HEX, RGB, HSL, HSV және CMYK түрлендіріңіз

Браузерде HEX, RGB, HSL, HSV/HSB және CMYK түрлендіріңіз. Түс таңдаңыз, кодтарды көшіріңіз және WCAG контрастын тексеріңіз. Ештеңе жүктелмейді.

Түс кодын қойыңыз немесе таңдағышты пайдаланыңыз. HEX, RGB, HSL, HSV және CMYK бірге жаңартылады. Контраст мөлдір емес фонда WCAG қатынастарымен өлшенеді.

  • Жергілікті жұмыс істейді
  • Жүктеу жоқ
  • Лезде
  • Тегін
Алдын ала қарау
Ақ үстінде
Қара үстінде
Енгізу пішімі

RGBA, HSLA және 8 таңбалы HEX альфаны сақтайды. HSV және CMYK жолдары сақтамайды; альфа бөлек көрсетіледі.

HSV және HSB бір модель. V және B екеуі де жарықтық.

Мұндағы CMYK экран RGB-ден бағалау. ICC баспа профилін түрлендіру емес.

WCAG контрасты

Алдыңғы жоспарда альфа болуы мүмкін және мөлдір емес фонда құрастырылады. Бұл нұсқа фон альфасын пайдаланбайды. Тек контраст беттің қолжетімділігін дәлелдемейді.

Тексеру Нәтиже
AA қалыпты мәтін
AA үлкен мәтін
AAA қалыпты мәтін
AAA үлкен мәтін

Қалыпты мәтін үлгісі

Үлкен мәтін үлгісі

Түс түрлендіру және контраст тексерулері браузерде орындалады. Мәндер жүктелмейді.

Қалай жұмыс істейді

  1. HEX, RGB, HSL, HSV немесе CMYK мәнін қойыңыз, немесе таңдағышты пайдаланыңыз.
  2. Түрлендірілген кодтарды оқып, қажетін көшіріңіз.
  3. Түс мәтін үшін болса, мөлдір емес фонда контрасты тексеріңіз.

Неге NEXNARA

  • Құпия

    Деректеріңіз браузерде қалады.

  • Лезде

    Нәтиже бірден көрінеді.

  • Жүктеу жоқ

    NEXNARA серверіне ештеңе жіберілмейді.

  • Кез келген жерде жұмыс істейді

    Орнату қажет емес.

Көбірек білу

Түс түрлендіргіші деген не?

Құрал бір түс жазбасын басқаларына түрлендіреді. CSS үшін HEX, дизайн үшін RGB, реттеу үшін HSL, таңдағыш үшін HSV немесе қарапайым CMYK бағалауын көшіріңіз. Есеп браузерде қалады.

HEX деген не?

HEX қызыл, жасыл және көкті оналтылық жұптармен жазады, мысалы #FF0000. Қысқа #RGB әр цифрды екі еселейді. Сегіз таңбалы #RRGGBBAA альфа қосады. Мұнда # міндетті емес.

RGB деген не?

RGB қызыл, жасыл және көкті 0-ден 255-ке дейін араластырады. RGBA 0–1 альфа қосады. Экрандар түсті RGB-де көрсетеді, сондықтан бұл басқа түрлендірулердің орталық пішімі.

HSL деген не?

HSL реңк (0–360), қанықтық (0–100%) және ашықтық (0–100%). Реңк 360 нөлге тең. HSLA альфа қосады. Шикі RGB ойламай ашық немесе қанық етуге ыңғайлы.

HSV / HSB деген не?

HSV (сонымен HSB) реңк, қанықтық және мән/жарықтық пайдаланады. HSL емес: толық жарық қызыл hsv(0, 100%, 100%) және hsl(0, 100%, 50%). Құрал HSV мен HSB-ны бір модель деп санайды.

CMYK деген не?

CMYK циан, магента, сары және қара, әрқайсысы 0–100%. Принтерлер CMYK пайдаланады. Мұндағы түрлендіру экран RGB-ден математикалық бағалау, баспаға дайын ICC емес.

RGB қарсы CMYK

RGB экранда қосылатын жарық. CMYK қағазда алынатын сия. Бірдей сандар басылған үлгімен әрдайым сәйкес келмейді. Бұл CMYK-ны өрескел бағалау ретінде пайдаланыңыз, соңғы баспа үшін емес.

Альфа деген не?

Альфа мөлдір еместік. 1 тұтас; 0 толық мөлдір. 8 таңбалы HEX, RGBA және HSLA оны сақтайды. Бұл беттегі HSV және CMYK шығысында альфа жоқ, сондықтан өріс көрінеді.

WCAG контраст қатынасы деген не?

WCAG контрасты мәтін мен фонның салыстырмалы жарықтығын салыстырады. Жиі мақсаттар: 4,5:1 AA қалыпты, 3:1 AA үлкен, 7:1 AAA қалыпты және 4,5:1 AAA үлкен. Қаріп өлшемі, қалыңдық немесе қалған қолжетімділікті қамтымайды.

Түсті қалай түрлендіру

HEX, RGB, HSL, HSV немесе CMYK таңдаңыз. Мән қойыңыз немесе таңдағышты жылжытыңыз. Теру кезінде түрлендіру жүреді. Кез келген нәтижені көшіріңіз. Контраст үшін мөлдір емес фон қойып, әр WCAG жолының жанында PASS немесе FAIL оқыңыз.

Құпиялылық

NEXNARA-ға немесе сыртқы түс API-ға ештеңе жіберілмейді. Құрал мәндерді cookie немесе жергілікті қоймада сақтамайды.

Жиі қойылатын сұрақтар

HEX-ті RGB-ге қалай түрлендіремін?

#FF0000 сияқты HEX қойыңыз немесе түсті таңдаңыз. RGB rgb(255, 0, 0) болып көрінеді.

RGB-ні HEX-ке қалай түрлендіремін?

RGB таңдап rgb(255, 0, 0) немесе R, G, B өрістерін енгізіңіз. HEX #FF0000 болады.

HSL мен HSV айырмашылығы не?

Екеуі де реңк пен қанықтық пайдаланады, бірақ HSL-дің үшінші арнасы ашықтық, HSV-дікі мән (жарықтық). Толық жарық қызыл HSL-де 50% ашықтық және HSV-де 100% мән.

HSV HSB-мен бір ме?

Иә. HSB-дағы B (brightness) HSV-дағы V (value). hsv() және hsb() қабылданады.

RGB-ні CMYK-ға түрлендіруге бола ма?

Иә, экран RGB-ден бағалау ретінде. Әр принтер профиліне сәйкес келмейді.

Басылған CMYK неге басқаша көрінуі мүмкін?

Қағаз, сия және ICC профильдері нәтижені өзгертеді. Бұл бет баспа машинасын имитацияламайды.

8 таңбалы HEX нені білдіреді?

Соңғы екі цифр альфа. #FF000080 шамамен 50% мөлдір емес қызыл.

Қандай контраст қатынасы керек?

WCAG AA қалыпты мәтін үшін 4,5:1. Үлкен мәтін 3:1 пайдалана алады. AAA қалыпты 7:1. Құрал тек осы төрт тексеруді хабарлайды.

Түрлендіру жергілікті ме?

Иә. Браузерде орындалады. Сервер мен сыртқы API жоқ.

HEX-ті HSL-ге қалай түрлендіремін?

HEX қойып HSL өрісін оқыңыз, немесе HSL-ден бастап HEX көшіріңіз. Реңк 360 нөлге тең.