Аталышы

Түс тандагыч

Жүктөө үчүн таштаңыз, чаптаңыз (Ctrl+V) же чыкылдатыңыз

HEX
#888888
RGB
rgb(136, 136, 136)
Жогорку сапаттагы (HSL)
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Түстөрдү тандоо үчүн сүрөт жүктөңүз

Же үлгүсүн колдонуп көрүңүз:

1-үлгү
2-үлгү
3-үлгү
— Түс тандоо үчүн сүрөттү басыңыз

Түс палитрасы

Түстөр: 3

Түс тандоо жана бөлүп алгыч – Акысыз онлайн курал

Биздин акысыз онлайн түс чыгаргычыбыз бир чыкылдатуу менен сүрөттөн каалаган түстү тандоого мүмкүндүк берет — орнотуунун кажети жок жана аккаунттун кереги жок. Сүрөтүңүздү жүктөп бериңиз, чоңойтуу үчүн курсорду алып келиңиз, каалаган пикселди чыкылдатып, анын HEX, RGB, HSL жана HSV маанилерин заматта көрүңүз, андан кийин тандалган түсүңүздөн толук түс палитрасын түзүңүз. Натыйжаларды каалаган убакта жүктөп алыңыз.

Сүрөттөн түстөрдү кантип тандоо керек

1
Сүрөтүңүздү жүктөңүз

Панелге сүрөттү сүйрөп, чыкылдатыңыз Сүрөт жүктөө, же Ctrl+V баскычтары менен чаптаңыз. JPEG, PNG, WebP, HEIC GIF колдойт.

2
Түс тандоо үчүн чыкылдатыңыз

Чоңойткуч менен чоңойтуу үчүн сүрөттүн үстүнө курсорду алып келиңиз, андан кийин пикселдин түсүн тартуу үчүн каалаган жерин чыкылдатыңыз. HEX, RGB, HSL жана HSV маанилери заматта пайда болот.

3
Палитраны көчүрүү же түзүү

Аны алмашуу буферине көчүрүү, түстөрдү кийинчерээк колдонуу үчүн сактоо же толук түс палитрасын түзүү жана аны CSS өзгөрмөлөрү же PNG үлгү тилкеси катары экспорттоо үчүн каалаган маани талаасын чыкылдатыңыз.

Негизги өзгөчөлүктөр

  • Төрт түстүү форматтар - тандалган түстү каалаган маани талаасына бир чыкылдатуу менен HEX, RGB, HSL жана HSV форматтарында көрүп жана көчүрүңүз.
  • Пикселдик тактыктагы чоңойткуч – тегерек масштабдоо линзасы курсоруңуздун артынан ээрчийт, ошондуктан сиз каалаган пикселди так аныктай аласыз.
  • 8 палитра түрлөрү – 3–10 үлгү менен аналогдук, толуктоочу, триадикалык, тетрадик, бөлүнгөн-толуктоочу, монохроматикалык, көлөкөлөр же түстөр палитраларын түзүңүз.
  • Экспорттоо параметрлери – палитранын бардык HEX коддорун бир эле учурда көчүрүңүз, PNG үлгү тилкесин жүктөп алыңыз же палитраны CSSтин ыңгайлаштырылган касиеттери катары экспорттоңуз (:root өзгөрмөлөр).
  • Сакталган түстөр – каалаган түстү браузериңизде сакталган жеке сакталган түстөр панелине кыстарып коюңуз; каалаган убакта аларды тазалаңыз.
  • HEIC колдоосу – HEIC/HEIF форматындагы iPhone сүрөттөрү түс тандоодон мурун автоматтык түрдө конвертацияланат.
  • Толугу менен браузериңизде иштейт – сүрөттөрүңүз эч качан серверге жүктөлбөйт.
  • Акысыз жана чексиз - катталуу жок, суу белгилери жок, чектөөлөр жок.

Түстүү экстрактор деген эмне?

Түс чыгаргыч (же сүрөттүн түсүн тандагыч) – бул сүрөттөгү каалаган пикселдин так түсүн окуп, аны дизайн жана иштеп чыгууда колдонулган стандарттуу түс коддоруна айландыруучу курал. Түстү карап же маанилерди кол менен киргизүүнүн ордуна, сиз жөн гана кызыккан жерди чыкылдатасыз жана курал сиз үчүн конвертацияны жасайт — экраныңыз көрсөткөн чийки RGB маанилеринен баштап, графикалык дизайн жумуш агымдарында колдонулган HSL жана HSV көрсөтүлүшүнө чейин.

Түс палитрасы генератору муну дагы бир кадам алдыга жылдырат: негизги түстү тандагандан кийин, ал CSS, Figma же каалаган дизайн куралында түздөн-түз колдонууга даяр болгон гармониялуу түс схемаларын түзүү үчүн түс теориясын колдонот.

Жалпы колдонулуштар

  • Бренддин түсүн алуу – веб-сайтта же дизайн системасында ырааттуу колдонуу үчүн логотиптен же бренддин сүрөтүнөн так HEX коддорун алыңыз.
  • Веб жана UI дизайны – макетиңиз бир бүтүн көрүнүшү үчүн түстөрдү продукттун сүрөтүнө же каармандын сүрөтүнө дал келтириңиз.
  • Палитра түзүү – бир негизги түстөн баштап, долбоор үчүн толук кошумча же окшош схема түзүңүз.
  • Басма жана иллюстрация – боёкту аралаштыруудан же басып чыгаруу профилин конфигурациялоодон мурун так RGB маанилерин табуу үчүн үлгү сүрөттөр.
  • CSS темалары – палитра өзгөрмөлөрүн түз эле а форматына экспорттоо :root блокту түз эле стилдер барагына түшүрүү.

Көп берилүүчү суроолор

Ооба, курал 100% акысыз жана колдонууга эч кандай чектөөлөр жок. Сиз аккаунт түзүүнү же төлөм маалыматын берүүнүн кажети жок.
Жок. Бардык иштетүү толугу менен HTML5 Canvas API аркылуу браузериңиздин ичинде жүргүзүлөт. Сүрөтүңүз эч качан эч бир серверге жөнөтүлбөйт, андыктан купуялыгыңыз толугу менен корголот.
Курал тандалган түстү бир эле учурда төрт форматта көрсөтөт: HEX (мисалы, #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), жана HSV (hsv(216, 73%, 84%)). Аны заматта көчүрүү үчүн каалаган талааны басыңыз.
Курсорду сүрөттүн үстүнө жылдырганда, курсордун жанында тегерек чоңойткуч пайда болуп, айланадагы пикселдердин чоңойтулган көрүнүшүн көрсөтөт. Бул, айрыкча, майда деталдары же түстөрдүн өтүшү байкалбаган сүрөттөрдө, керектүү пикселди так аныктоону жана басууну жеңилдетет.
Негизги түстү коюу үчүн сүрөтүңүздөгү каалаган пикселди чыкылдатыңыз, андан кийин ылдый жылдырыңыз Түс палитрасы бөлүм. Палитра түрүн тандаңыз (Окшош, Комплементардык, Триадикалык ж.б.) жана 3–10 үлгүнү тандоо үчүн эсептөө жылдыргычын сүйрөңүз. Палитра заматта жаңыртылат. Колдонуңуз Түстөрдү көчүрүү, PNG жүктөп алуу, же CSSти экспорттоо натыйжасын колдонуу үчүн.
CSS көчүрмөлөрүн экспорттоо :root { } ар бир палитранын түсүн CSSтин өзгөчөлөштүрүлгөн касиети катары камтыган блок (мисалы, --color-1: #3a7bd5;). Муну түз эле стилдер баракчаңызга чаптап, долбооруңуздагы өзгөрмөлөргө шилтеме бере аласыз.
Ооба. Сүрөт көрсөтүлгөнгө чейин HEIC жана HEIF файлдары браузериңизде автоматтык түрдө JPEG форматына айландырылат. Конвертация учурунда жүктөө индикатору пайда болот жана биздин серверлерге эч кандай файлдар жөнөтүлбөйт.