Најбоља Цхроме проширења за бирање боја за добијање ХЕКС, РГБ и ХСЛ кодова боја

Без обзира да ли сте веб дизајнер(web designer) , уметник или само особа која жели да усклади боје, Гоогле Цхроме(Google Chrome) нуди неколико додатака у Цхроме веб продавници(Chrome Web Store) који вам могу помоћи.

Користећи Цхроме(Chrome) екстензију бирача боја, можете да добијете ХЕКС(HEX) , РГБ(RGB) или ХСЛ(HSL) вредности за било коју боју коју желите на вебу. Једноставно(Simply) поставите курсор на боју и добијте код који вам је потребан да одговара боји.

Ево 10 Цхроме(Chrome) екстензија за бирање боја, почевши од оних које имају додатне функције и функционалност у којима бисте могли да уживате.

1. Алат за бирање боја – Гецо(Color Picker Tool – Geco)

Можете добити код боје за било коју боју коју видите на веб страници помоћу алата за бирање боја – Гецо(Color Picker Tool – Geco) .

  1. Изаберите дугме за проширење на траци са алаткама.
  2. Поставите курсор на боју коју желите да идентификујете.
  3. Кликните(Click) да бисте сачували боју на листи проширења.

Тада ћете видети ХЕКС(HEX) , РГБ(RGB) и ХСЛ(HSL) кодове у одељцима Ново(New) и Изабрано(Picked) прозора екстензије. Изаберите претходну боју коју сте идентификовали и видећете те кодове у одељку Ново(New) .

Додатне функције:

  • Аутоматски копирајте ХЕКС(HEX) код боје у међуспремник за једноставно лепљење где је потребно.
  • Преузмите (Download)ЦСВ(CSV) датотеку своје палете боја са ХЕКС(HEX) , РГБ(RGB) и ХСЛ(HSL) кодовима.
  • Подесите(Adjust) подешавања за копирање у међуспремник, омогућавање обавештења и коришћење десним кликом.

2. АКЦолор(AKColor)

Користите алатку за капаљку од АКЦолор(AKColor) да бисте преузели код боје са било ког сајта који видите на вебу.

  1. Изаберите дугме за проширење на траци са алаткама.
  2. Изаберите капаљку(eyedropper) са леве стране и усмерите курсор на боју коју желите да идентификујете.
  3. Кликните(Click) да видите кодове боја заједно са најближом бојом и просечном бојом области.

Видећете леп искачући прозор са кодовима боја за РГБ(RGB) , РГБА(RGBA) , ХЕКС(HEX) , ХСЛ(HSL) и ХСЛА(HSLA) . Изаберите(Choose) било који од кодова да бисте копирали вредности боја у међуспремник. Затим изаберите Поново(Pick Again) изаберите или Затвори( Close) .

Додатне функције:

  • Користите Цолор Цонвертер(Color Converter) и Градиент Генератор(Gradient Generator) уграђене директно у екстензију.
  • Искористите(Take) пречице на тастатури за брзу и лаку идентификацију боја.
  • Подесите(Adjust) подешавања за ноћни режим, интерфејс, величину лупе пиксела, ниво зумирања и још много тога.

3. Изаберите боју(Pick Color)

Ако тражите бирач боја који можете да користите на другим локацијама, а не само на вебу, Пицк Цолор(Pick Color) је алат за вас.

  1. Изаберите дугме за проширење на траци са алаткама.
  2. Изаберите Изаберите своју боју(Choose Your Color) , а затим изаберите капаљку(eyedropper) .
  3. Поставите курсор на боју коју желите да идентификујете. Ово може бити на веб локацији, на радној површини или у другој апликацији.
  4. Кликните(Click) да бисте сачували боју у проширењу.

Тада ћете видети ХЕКС(HEX) , РГБ(RGB) и ХСЛ(HSL) кодове боја у прозору екстензије. Можете копирати ХЕКС(HEX) код тако што ћете изабрати икону за копирање са десне стране. Да бисте копирали РГБ(RGB) или ХСЛ(HSL) вредности, померите се доле у ​​одељак испод и користите те иконе за копирање.

Бонус Феатуре(Bonus Feature)

Са Пицк Цолор(Pick Color) , можете брзо да идентификујете боју на веб страници и копирате ХЕКС(HEX) код у међуспремник са неколико кликова.

  1. Кликните десним тастером миша на веб страницу и изаберите Изаберите боју на страници(Pick a color on the page) из менија са пречицама.
  2. Померите курсор на боју и видећете приложен ХЕКС(HEX) код.
  3. Кликните да бисте копирали (Click)ХЕКС(HEX) код боје у међуспремник.

4. Бирач боја(Color Picker) (од линангдата.цом)

За још једно проширење за Цхроме са корисним додатним функцијама(Chrome extension with useful extra features) , погледајте Цолор Пицкер(Color Picker) са линангдата.цом.

  1. Изаберите дугме за проширење на траци са алаткама и идите на картицу Еиедроппер(Eyedropper) .
  2. Изаберите Еиедроппер(Eyedropper) и усмерите курсор на боју. Видећете да се ХЕКС(HEX) код појављује док померате показивач.
  3. Кликните(Click) да бисте сачували боју на листи екстензија и истовремено копирајте ХЕКС код у међуспремник.(HEX)
  4. Поново отворите проширење помоћу дугмета на траци са алаткама и видећете ХЕКС(HEX) , РГБ(RGB) , ХСЛ(HSL) , ХСВ(HSV) и ЦМИК(CMYK) кодове. Изаберите икону копије десно од било ког кода да бисте је поставили у међуспремник.

Додатне функције:

  • Користите картицу Бирач(Color Picker) боја за приказ основних боја са њиховим кодовима боја.
  • Испробајте картицу Скала боја(Color Scale ) да бисте видели различите нијансе боја са њиховим кодовима боја.
  • Погледајте картицу Блендер боја(Color Blender) да бисте умножили, потамнили, посветлили и преклопили боје.

5. Капљица за очи(Eye Dropper)

Капалица(Eye Dropper) за очи је лепа опција за одабир боја за Цхроме(Chrome) са неколико бонуса који би вам се могли свидети.

  1. Изаберите дугме за проширење на траци са алаткама.
  2. Изаберите Изаберите боју са веб странице(Pick color from web page) и померите курсор на боју. Док померате показивач, видећете ХЕКС(HEX) и РГБ(RGB) вредности у доњем десном углу прозора прегледача.
  3. Кликните(Click) на боју да бисте је сачували на листи проширења.
  4. Када поново отворите екстензију, видећете ХЕКС(HEX) , ХСЛ(HSL) и РГБ(RGB) кодове боја заједно са именом те боје у одељку Изабрана(Selected) боја. 

Додатне функције:

  • Користите картицу Бирач(Color Picker) боја да помешате сопствене боје.
  • Извезите(Export) своју историју боја као ЦСВ(CSV) датотеку са кодовима боја.
  • Подесите(Adjust) подешавања за копирање у међуспремник, промену изгледа показивача и онемогућавање информација о боји док померате курсор.

6. Црни шкампи(Black-shrimp)

Ако желите да идентификујете боје, а затим их групишете за брзи приступ, погледајте Црни шкампи(Black-shrimp) .

  1. Изаберите дугме за проширење на траци са алаткама. Ово отвара мали прозор додатка са леве стране.
  2. Поставите курсор на боју коју желите да идентификујете и кликните.
  3. Одмах ћете видети ХЕКС(HEX) код у прозору. Користите падајући оквир поред идентификоване боје да видите РГБ(RGB) или ХСЛ(HSL) кодове боја.
  4. Да бисте сачували боју, изаберите знак плус(plus sign) на дну прозора.

Додатне функције:

  • Додајте групу помоћу иконе фасцикле(folder) и превуците сачуване боје у њу.
  • Извезите(Export) сачуване боје као АСЕ(ASE) ( Адобе Сватцх Екцханге(Adobe Swatch Exchange) ) датотеку.
  • Користите(Use) пречице на тастатури за додавање боје, креирање групе, брисање или извоз.

7. Једноставан бирач боја(Easy Color Picker)

Ако фенси додатне функције нису за вас и желите једноставно проширење, погледајте Еаси Цолор Пицкер(Easy Color Picker) .

  1. Изаберите дугме за проширење на траци са алаткама.
  2. Изаберите дугме Пицк(Pick) у горњем десном углу и усмерите курсор на боју. Док померате показивач, видећете ХЕКС(HEX) и РГБ(RGB) вредности у доњем десном углу прозора прегледача.
  3. Кликните(Click) на боју коју желите, а затим поново отворите екстензију помоћу дугмета да видите ХЕКС(HEX) , РГБ(RGB) и ХСЛ(HSL) кодове.

Иако не постоје једноставне опције копирања за кодове боја, можете да кликнете десним тастером миша унутар сваког оквира и изаберете Копирај(Copy) ако треба да налепите вредности негде другде.

8. Цолорфли Бирач боја(Colorfly Color Picker)

Слично једноставном бирачу боја(Easy Color Picker) је Цолорфли бирач боја(Colorfly Color Picker) . Узмите(Grab) боју, погледајте код и копирајте вредности ако је потребно.

  1. Изаберите дугме за проширење на траци са алаткама.
  2. Изаберите дугме Изабери боју(Pick Color) и усмерите курсор на боју. Док померате курсор, можете да видите ХЕКС(HEX) и РГБ(RGB) вредности у доњем десном углу прозора прегледача.
  3. Кликните(Click) на боју коју желите и видећете ХЕКС(HEX) , РГБ(RGB) и ХСЛ(HSL) кодове у прозору екстензије. Изаберите(Select) било који код боје да бисте га копирали у међуспремник.

9. Бирач боја(Color Picker) (од кипеловвицхеслав)

Још једно основно проширење прегледача Цхроме(Chrome browser extension) има исто име као друго на нашој листи, Цолор Пицкер(Color Picker) , ово од кипеловвицхеслава.

  1. Изаберите дугме за проширење на траци са алаткама.
  2. Поставите курсор на боју коју желите да идентификујете и кликните.
  3. Поново отворите екстензију да видите ХЕКС(HEX) , ХСЛ(HSL) и РГБ(RGB) кодове боја.

10. Паметни бирач боја(Smart Color Picker)

Једно последње, једноставно проширење за Цхроме(Chrome) без звона и звиждука је Смарт Цолор Пицкер(Smart Color Picker) .

  1. Изаберите дугме за проширење на траци са алаткама.
  2. Изаберите дугме Изабери боју(Pick Color) и усмерите курсор на боју. Док померате курсор, видећете ХЕКС(HEX) и РГБ(RGB) вредности у доњем десном углу прозора прегледача.
  3. Кликните(Click) на боју коју желите, а затим поново отворите екстензију помоћу дугмета да видите ХЕКС(HEX) , РГБ(RGB) и ХСЛ(HSL) кодове. Изаберите(Select) било који код боје да бисте га копирали у међуспремник.

Надамо се да је бар један од ових бирача боја Цхроме(Chrome) екстензија управо оно што вам треба. Без обзира да ли волите додатне функције или више волите да буду једноставне, све су то одличне опције.

За додатну помоћ, погледајте како да инсталирате или уклоните екстензије у Цхроме-у(install or remove extensions in Chrome) .



About the author

Ја сам софтверски инжењер са више од 10 година искуства у раду на Аппле иОС и едге уређајима. Моје искуство у хардверском инжењерингу ме је навело да се побринем да уређаји наших купаца буду што поузданији и глаткији. Писао сам код последњих неколико година и научио сам да користим Гит, Вим и Ноде.јс.



Related posts