Једноставан бирач боја

Бесплатан бирач боја за Chrome

Изаберите боју са било које странице. Добијате #E8553D

Једноставан бирач боја је бесплатна капаљка за Chrome. Притисните њено дугме или Alt+P, нациљајте било који пиксел кроз лупу за зумирање и кликните: HEX, RGB или HSL код је већ у клипборду. Последњих 50 боја чека у искачућем прозору.

Додај у Chrome — бесплатно

453 корисника у Chrome Web Store

Ради и у Edge, Brave, Opera и другим Chromium прегледачима.

Квадратна лупа над постером на веб-страници уоквирује један пиксел са његовим HEX, RGB и HSL, поред искачућег прозора Једноставан бирач боја са #E8553D и историјатом боја

Укратко

Шта ради
Капаљка за боје: нациљајте кроз лупу било који пиксел на веб-страници, кликните и његов HEX, RGB или HSL код је копиран.
За кога је
За веб програмере и дизајнере који усклађују боје са живих сајтова, макета и снимака екрана отворених у прегледачу, и за свакога коме треба код боје.
Цена
Бесплатно. Без налога, без плаћене верзије.
Подаци
Историјат и подразумевани формат остају у локалној меморији проширења на вашем уређају. Без аналитике, без мрежних захтева.
Ради у
Chrome и другим Chromium прегледачима који се инсталирају из Chrome Web Store, на рачунару. Не на страницама прегледача, као што су нова картица, подешавања или Chrome Web Store.
Ограничења
Бира из видљивог дела картице, према снимку направљеном при покретању. Без CMYK, Pantone и провере контраста, и без бирања изван прегледача.
Верзија
2.7.0, ажурирано 23. октобар 2026.

Три корака, један клик

  1. 1

    Покрените бирач

    Кликните на икону на траци са алаткама и притисните Изабери боју, или притисните Alt+P на било којој страници.

  2. 2

    Нациљајте лупом

    Квадратна лупа увећава околину курсора и уоквирује тачан пиксел. Налепница испод ње уживо приказује HEX, RGB и HSL.

  3. 3

    Кликните и налепите

    Код се копира у подразумеваном формату, а кратка порука то потврђује. Налепите га у CSS, у апликацију Figma или у поруку.

Ко га користи

CSS

Фронтенд развој

Преузмите тачне вредности са живог сајта за CSS, SCSS или Tailwind конфигурацију без отварања DevTools.

HEX

Дизајн и провера бренда

Узмите палету из интерфејса, макете или референце и проверите да ли страница користи праву боју бренда.

HSL

Подешавање боја

Узмите HSL да ручно подесите светлину и засићеност, или RGB за код који тражи бројеве.

Шта ради

  • пиксел, уоквирен

    Лупа увећава 11 × 11 пиксела око курсора, а нишан уоквирује онај који узимате. Погодите ивицу од једног пиксела или један корак градијента.

  • формата

    HEX као #2A6FDB, RGB као rgb(42, 111, 219), HSL као hsl(217, 71%, 51%). Подразумевани формат бирате једном у искачућем прозору.

  • боја у историјату

    Свака изабрана боја иде на почетак мреже од последњих 50 боја, без дупликата. Кликните на узорак да видите и копирате сва три кода.

  • Пречица Alt+P

    Почните бирање без отварања искачућег прозора. Тастер у искачућем прозору отвара подешавања пречица у Chrome-у ако желите други тастер.

  • мрежних захтева

    Све ради у вашем прегледачу. Без налога, без аналитике, без телеметрије.

  • Светла и тамна

    Искачући прозор и лупа прате тему система, у неутралним сивим тоновима који не мењају боје које процењујете.

Како добити код боје било чега на веб-страници

Chrome-ова капаљка налази се у DevTools: отворите панел Стилови, пронађите својство боје, кликните на његов узорак, па на капаљку. Ради, али је скривена, а изабрана вредност замењује то својство у CSS-у странице уместо да заврши у клипборду.

Једноставан бирач боја ставља капаљку на један клик или једну пречицу. При покретању прави снимак видљивог дела картице и отвара квадратну лупу преко њега, па видите тачан пиксел, а не просек. Један клик копира код, а искачући прозор га чува са последњих 50 боја у сва три формата.

Скролујте до дела странице који вам треба пре покретања: лупа чита са тог снимка. Странице прегледача, као што су нова картица, подешавања и Chrome Web Store, затворене су за сва проширења.

Приватно по дизајну

  • Без мрежних захтева

    Проширење никада не комуницира са сервером. Без аналитике, без телеметрије.

  • Остаје на вашем уређају

    Историјат и подразумевани формат налазе се у локалној меморији проширења.

  • Четири дозволе

    Активна картица, само када покренете бирање, ради снимка; скриптовање за приказ лупе; меморија за историјат и формат; писање у клипборд ради копирања кода.

DevTools капаљка или Једноставан бирач боја

DevTools капаљка или Једноставан бирач бојаDevTools капаљкаЈедноставан бирач боја
Како покренутиОтворите DevTools, пронађите боју у Стиловима, кликните на узорак, па на капаљкуДугме на траци са алаткама или Alt+P
Резултат иде уCSS својство које сте отворили; копирате га самиВаш клипборд, на клик
Формати бојаHEX, RGB, HSL и другиHEX, RGB и HSL
Раније изабране бојеНе чувају сеПоследњих 50, спремних за поновно копирање
ЦенаУграђено у ChromeБесплатно

Питања

Како да добијем код боје са сајта?

Инсталирајте Једноставан бирач боја, притисните Alt+P на страници, нациљајте лупом боју и кликните. HEX код, или RGB или HSL ако желите, копира се у клипборд.

Како да изаберем боју са слике на веб-страници?

Исто: покрените бирач и кликните на пиксел који желите на слици. Лупа увећава, па можете узети један тачан пиксел.

Могу ли да копирам HSL или RGB уместо HEX?

Да. Изаберите подразумевани формат у искачућем прозору: HEX, RGB или HSL. Прозор за сваку боју из историјата приказује сва три, сваки са својим дугметом за копирање.

Где да пронађем раније изабране боје?

Отворите искачући прозор: последњих 50 боја је тамо као узорци, најновије прве. Кликните на једну да видите и копирате њене кодове, или обришите историјат.

Како да променим пречицу Alt+P?

Кликните на тастер пречице у искачућем прозору. Отвара се Chrome страница са пречицама на тастатури, где можете подесити други тастер.

Зашто не ради на неким страницама?

Chrome затвара своје странице, као што су нова картица, подешавања и Chrome Web Store, за сва проширења. Бирач чита и само видљиви део картице, па прво скролујте до боје.

Може ли да бира боје изван прегледача?

Не. Бира само из тренутне картице прегледача. Не претвара ни у CMYK или Pantone и не проверава контраст.

Да ли је бесплатно? Прикупља ли податке?

Бесплатно је и не шаље мрежне захтеве. Историјат и подразумевани формат остају на вашем уређају.

Још бесплатних проширења од PYROCTAL

Нациљајте. Кликните. Налепите.

Додај у Chrome — бесплатно