Унвон

Интихобкунандаи ранг

Партоед, часбонед (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 – Аксҳои iPhone дар формати HEIC/HEIF пеш аз интихоби ранг ба таври худкор табдил дода мешаванд.
  • пурра дар браузери шумо кор мекунад - аксҳои шумо ҳеҷ гоҳ ба ягон сервер бор карда намешаванд.
  • Ройгон ва бемаҳдуд - бе сабти ном, бе аломатҳои обӣ, бе маҳдудият.

Экстрактори ранг чист?

Истихроҷи ранг (ё интихобкунандаи ранги тасвир) абзорест, ки ранги дақиқи ҳар як пикселро дар акс мехонад ва онро ба рамзҳои стандартии рангӣ, ки дар тарроҳӣ ва таҳия истифода мешаванд, табдил медиҳад. Ба ҷои он ки чашмро ба ранг гардонед ё дастӣ арзишҳоро ворид кунед, шумо танҳо нуқтаи мавриди таваҷҷӯҳи худро клик мекунед ва абзор табдилдиҳиро барои шумо анҷом медиҳад - аз арзишҳои хоми 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 табдил дода мешаванд. Ҳангоми табдилдиҳӣ нишондиҳандаи боркунӣ пайдо мешавад ва ягон файл ба серверҳои мо фиристода намешавад.