Суреттен түс таңдау құралын қалай қолдану керек
- 1
Суретті ашу
Скриншотты, фотоны немесе логотипті 25 MB-қа дейін апарып тастаңыз, таңдаңыз не қойыңыз — JPG, PNG, WebP, AVIF, HEIC, GIF немесе SVG форматында.
- 2
Ұлғайтқышпен көздеу
Курсорды сурет үстінде жүргізіңіз немесе сүйреңіз: 11 × 11 пиксельдік лупа айқас астындағы нақты пикселді және оның HEX кодын көрсетеді.
- 3
Басып түсті таңдау
HEX, RGB, HSL және OKLCH мәндерін алыңыз, әрқайсысының өз көшіру түймесі бар. Көрсеткі пернелер айқасты жылжытады, ал Enter түсті таңдайды.
- 4
Палитраны алу
5-тен 12-ге дейін басым түсті таңдап, оларды CSS айнымалылары, JSON немесе Tailwind теми блогы ретінде көшіріңіз.
Шектеулер және Pro
Бір уақытта бір сурет, 25 MB-қа дейін, түс таңдау шексіз, палитрада 5–12 түс және 24 түстік тарих.
Pro 4 GB-қа дейінгі суреттерден түс алуға мүмкіндік береді. Pro-ны қарау
Суреттен түс таңдау туралы
Суреттен түс таңдағыш суреттегі кез келген пикселдің нақты мәнін оқып, бүкіл суретті палитраға айналдырады. Әр таңдау түсті төрт жазбада береді: дизайн құралдарына арналған HEX, CSS үшін rgb() және hsl(), сондай-ақ заманауи CSS түс жұмысына арналған oklch(): мұнда жарықтық пен қанықтық көзге үйреншікті түрде өзгереді. Таңдалған түстер соңғы 24 түстен тұратын тарихқа түседі, ол осы браузерде сақталады, сондықтан келесі жолы да тұрады; компьютердегі Chrome және Edge браузерлерінде Экраннан таңдау түймесі браузердің пипеткасы арқылы беттен тыс кез келген түсті де алады.
Палитра суреттің ұзын жағы ең көбі 200 пиксельге дейін кішірейтілген көшірмесінде OKLab түс кеңістігіндегі k-means кластерлеу арқылы есептеледі. Ұқсас кластерлер біріктіріледі, мөлдір пикселдер ескерілмейді, түстер суретте алатын үлесіне қарай сұрыпталады, ал үлес әр үлгіде көрсетіледі. Бір сурет әрдайым бірдей палитра береді.
Дизайнерлер оны логотиптен бренд түсін сәйкестендіруге, фотодан тақырып жасауға, скриншоттағы батырманың нақты түсін тексеруге немесе мұңбоард жинауға пайдаланады. Мәндер браузеріңіз суретті көрсететіндей стандартты sRGB болады, сондықтан JPG артефактісі немесе кең гаммалы көз түпнұсқа дизайн файлындағы түстен бірнеше бірлікке ауытқытуы мүмкін. Жартылай мөлдір пикселдер түсін мөлдірлігінсіз береді, ал құрал түстерге ат бермейді және контраст қатынасын тексермейді.
Құпиялылық
Сурет осы қойындыда декодталып, талданады, ал палитра кластерленуі сіз суретті ашқаннан кейін жасалатын шағын Web Worker ішінде орындалады; ешнәрсе серверге жүктелмейді. Түс тарихы тек осы браузердің локалды қоймасында сақталады, ал Экраннан таңдау браузердің кіріктірілген пипеткасын пайдаланады, ол осы бетке тек таңдалған бір түсті береді.
Мүмкіндіктер
Пикселге дейін дәл лупа
11 × 11 пиксельдік ұлғайтқыш, тінтуір мен жанасу кезінде дәл таңдау үшін пернетақтамен жылжыту бар.
Басым түстер палитрасы
OKLab кеңістігіндегі k-means арқылы 5–12 түс, суреттегі үлесі бойынша сұрыпталған.
Әзірлеушілерге экспорт
HEX, RGB, HSL және OKLCH мәндері, сондай-ақ CSS айнымалылары, JSON немесе Tailwind @theme блогы.
Түс тарихы
Соңғы 24 таңдауыңыз осы браузерде сақталады, тізім ретінде көшіруге дайын.