Түс палитрасы генераторы — тегін
Кез келген негіз түстен толықтырушы, аналогиялық, триадалық және монохромды түс палиталарын жасаңыз. Он алтылық кодтарды бір рет басу арқылы көшіріңіз.
Hex кодын, teal немесе tomato сияқты түс атауын не rgb(20, 184, 166) / hsl(174, 80%, 40%) енгізіп, Enter басыңыз.
Мәтін мен фонды тексеру
Түстерді фотодан алғыңыз келе ме? Кескін түстерін шығарғышты қолданыңыз
Жиі қолданылуы
- Веб Өндіру Үшін Түс Палитралар ҚұрауыңызВеб сайттарына, веб қосымшаларына және UI компоненттеріне үйлесімді түс схемалары құрауыңыз.
- Мереке Түс Палитралар ҚұрауыңызБір мереке түстен - басты, екінші, акцент және бейтарап толық мереке түс жүйесін өндіктеңіз.
- Өндіктеме және Суреттеме Үшін Түс Палитралар ҚұрауыңызЦифрлық өндіктеме, суреттеме және сәндік жобалары үшін үйлесімді түс күндерін құрауыңыз.
- Figma Үшін Түс Стилдер ҚұрауыңызFigma Түс Стилдер және өндіктеме жетон негіздері ретінде пайдалану үшін түс палитраларын құрауыңыз.
- Қарай Құрып Түс Палитралар ҚұрауыңызҚұрыпты құрана ынамдылығын құру үшін түс палитрасын ашық және қарау өндіктемесін құрауыңыз.
Қалай жұмыс істейді
Құрал нөлдік сыртқы кітапханамен жасалған — барлық түс математикасы браузеріңізде тікелей қолмен жазылған JavaScript-те жұмыс істейді. Ол таңдаған түсіңізді он алтылық пен HSL арасында түрлендіреді, содан кейін әр палитраны шығару үшін реңк дөңгелегіндегі арифметика арқылы классикалық түс теориясы үйлесімдік ережелерін (комплементарлы, триадалық, аналогтық және т.б.) қолданады.
- 1Он алтылықтан HSL-ге түрлендіруТүсті таңдағанда, құрал он алтылық жолды RGB компоненттеріне талдайды және оларды HSL-ге (реңк, қанықтық, жарықтылық) түрлендіреді. Реңк — түс дөңгелегіндегі 0–360 градус орны; палитра математикасы толығымен осы кеңістікте жүреді.
- 2Үйлесімдік үшін реңк арифметикасыӘр палитра түрі — негізгі реңкке қолданылатын бекітілген айналу формуласы. Комплементарлы 180° қосады, триадалық 120° мен 240° қосады, тетрадалық 90°-пен қадамдайды, жартылай-комплементарлы 150° мен 210°-ты пайдаланады. Монохромды және реңктер жарықтылықты жоғары-төмен қадамдай отырып, реңк пен қанықтықты тұрақты ұстайды.
- 3HSL-тен он алтылыққа шығысӘр есептелген HSL үштігі стандартты хрома формуласы арқылы он алтылық түске қайта түрленеді. Нәтижелер қарапайым жарықтылық шегі арқылы анықталатын авто-контрасттық белгілермен (жарық үлгілерде қара мәтін, қара үлгілерде жарық мәтін) түс жолағы ретінде көрсетіледі.
- 4Қалаулы форматыңызда экспорттаңызПалитраны он алтылық жолдар ретінде көшіруге немесе CSS айнымалылары файлы (:root { --color-1: … }), SCSS айнымалылары, Tailwind баптау үзіндісі, JSON нысаны немесе PNG түс жолағы ретінде экспорттауға болады. PNG экспорты браузердің Canvas API-ын (toDataURL) пайдаланып әр үлгіні он алтылық белгісімен сызады — барлығы басу бойынша жергілікті түрде жасалады.
Байланысты құралдар
Кездейсоқ түс генераторы
Кездейсоқ түстерді бір-бірден немесе бестік палитра ретінде жасаңыз, ұнағандарын құлыптаңыз, HEX, RGB немесе HSL мәндерін көшіріңіз және палитраны PNG немесе CSS ретінде экспорттаңыз.
Кескін түс палитрасын алу
k-means түс кванттаумен кез келген кескіннен үстем түстерді алып шығыңыз. Фотосуретіңіздегі немесе логотипіңіздегі ең жоғарғы 2-16 түр үшін он алтылық кодтарды алыңыз.
Түс Таңдағыш және Палитра Генераторы
Түстерді таңдау, HEX/RGB/HSL арасында түрлендіру және үйлесімді палиттер жасау.