Түс конвертері — тегін
Түстерді HEX, RGB, HSL, HSV және CMYK форматтары арасында лезде айналдырыңыз. Жарықтық шкаласы мен алдын ала орнатылған үлгілерді қамтиды.
Түсті HEX, RGB, HSL, HSV және CMYK арасында түрлендіріңіз — бірге көзінге көрінетін алдын ала көрінісі және бір түймесімен көшіру. Барлығы браузерде істейді.
Қабылдайды: HEX (#fff немесе #ffffff), RGB (255, 255, 255) немесе HSL (360, 100%, 50%)
WCAG контрастысы
Ақ фоннан
2,49:1
Қара фоннан
8,44:1
Жарықтық шкаласы
Сол реңкке ауысу үшін кез келген үлгіні нұқыңыз
Жиі қолданылуы
- Веб Дизайны Үшін Түстерді АйналдырыңызКез келген түс үшін HEX, RGB және HSL мәндерін аңдаңыз — CSS немесе Tailwind-ге құйсуға даярсыз.
- Басу Үшін Түстерді Айналдырыңыз (CMYK)Экран түстерін (HEX/RGB) басу дизайны және кәсібілік баспа үшін CMYK мәндеріне айналдырыңыз.
- Дизайн Жүйелеріне Түс Палеттасы ҚұрыңызБрендтесінің түстерді барлық пішімдері бойынша айналдырыңыз және толық дизайн жүйесінің үйлесінді жарық шкаласы жасаңыз.
- Қатынастау үшін түс қарсылық тексеріңізТүстерді түрлендіріңіз RGB мәндерін ала қарсылық қатынас құралдарында пайдалану үшін - WCAG сәйкестігі қатынастау дизайны үшін.
- Figma үшін түстерді түрлендіріңізFigma түс таңдағыштарында және дизайн белгі жүйелерінде орналықтау үшін дәл HEX және RGB мәндерін ала.
Қалай жұмыс істейді
Барлық түрлендіру логикасы толығымен браузеріңізде жұмыс істейтін қолмен жазылған JavaScript — кітапхана жоқ, серверлік шақыру жоқ. Құрал кіруіңізді талдайды, оны таза математика функциялары тізбегі арқылы бағыттайды және заманауи CSS Color 4 кеңістіктері oklch() пен lab()-ты қоса он бір шығыс форматын бір уақытта шығарады.
- 1Икемді кірісті талдауТаңдаулы талдағыш он алтылық (3, 4, 6 немесе 8 таңба), rgb()/rgba(), ескі үтірлі синтаксис пен заманауи бос орын синтаксисіндегі hsl()/hsla() және таза сандық үштіктерді қабылдайды. Ондық немесе пайыз түріндегі альфа мәндері кез келген түрлендіру басталмас бұрын 0–1 ауқымына қалыпқа келтіріледі.
- 2Түрлендіру хабы ретінде RGBҚабылданған әр формат алдымен канондық RGB үштігіне шешіледі. Сол жалғыз көрсетілуден құрал таралады: HSL мен HSV стандартты мин/макс/хрома формулаларын пайдаланады; CMYK негізгі арнаны табу арқылы алынады; ал sRGB сызықтандыруы (IEC 61966-2-1-де анықталған бөліктік гамма қисығы) қабылдау кеңістігі есептеулерінен бұрын қолданылады.
- 3Нөлден есептелген қабылдау түс кеңістіктеріoklch() Бьорн Оттоссонның анықтамалық 3×3 матрицаларын (LMS куб-түбір кеңістігі) пайдаланып есептеледі. lab() пен lch() D65 ақ нүктесінен D50-ге түрлендіру үшін Брэдфорд хроматикалық бейімделуін пайдаланады, бұл CSS Color 4-тің lab()-ты қалай анықтайтынына сай келеді. Бұлар браузердің өңдеу қозғалтқыштарында пайдаланылатын дәл сол формулалар — мұнда ешбір сыртқы тәуелділіксіз жүзеге асырылған.
- 4WCAG контрасты мен жарықтылық шкаласыСалыстырмалы жарықтылық WCAG 2.1 формуласы (сызықтандырылған R, G, B 0.2126/0.7152/0.0722 салмақталған) бойынша есептеледі, ал ақ пен қараға қарсы контраст қатынасы AA-үлкен, AA, AAA немесе Сәтсіз деп бағаланады. Тоғыз қадамды жарықтылық жолағы HSL жарықтылық арнасын 10%-дан 90%-ға дейін қадамдау арқылы жасалады, кез келген үлгіні басып сол реңкті түрлендіруге мүмкіндік береді.
Байланысты құралдар
Түс Таңдағыш және Палитра Генераторы
Түстерді таңдау, HEX/RGB/HSL арасында түрлендіру және үйлесімді палиттер жасау.
Кездейсоқ түс генераторы
Кездейсоқ түстерді бір-бірден немесе бестік палитра ретінде жасаңыз, ұнағандарын құлыптаңыз, HEX, RGB немесе HSL мәндерін көшіріңіз және палитраны PNG немесе CSS ретінде экспорттаңыз.
Түс палитрасы генераторы
Кез келген негіз түстен толықтырушы, аналогиялық, триадалық және монохромды түс палиталарын жасаңыз. Он алтылық кодтарды бір рет басу арқылы көшіріңіз.