Атауы

Түс таңдағыш

Жүктеу үшін тастаңыз, қойыңыз (Ctrl+V) немесе басыңыз

HEX
#888888
RGB
rgb(136, 136, 136)
Жоғары сапалы
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 кодтарын алыңыз.
  • Веб және интерфейс дизайны – макетіңіз үйлесімді көрінуі үшін түстерді өнімнің суретіне немесе кейіпкердің фотосуретіне сәйкестендіріңіз.
  • Палитра генерациясы – бір негізгі түстен бастап, жоба үшін толыққанды немесе ұқсас схема жасаңыз.
  • Баспа және иллюстрация – бояуды араластырмас бұрын немесе баспа профилін конфигурацияламас бұрын дәл 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 форматына түрлендіріледі. Түрлендіру кезінде жүктеу индикаторы пайда болады және біздің серверлерге ешқандай файлдар жіберілмейді.