Blog

➤ 9+ най -добри хромирани разширения за получаване на HEX, RGB цветни кодове, HSL

Независимо дали сте дизайнер на уебсайт, художник или просто човек, който желае да съвпада с цветовете, Google Chrome предлага няколко разширения в мрежата Съхранявайте хром, който може да ви помогне.

С разширението на Chrome Picker Picker можете да получите стойностите на Hex, RGB или HSL на всеки цвят в мрежата.

, че сте дизайнер на сайтове, художник Или просто човек, който желае да свърже цветовете, Google Chrome предлага няколко допълнителни модула в хрома на уеб магазина, които могат да ви помогнат.

Благодарение на разширението на Chrome Color Picker, можете да получите Hex, RGB или HSL стойности На всеки цвят в мрежата. Просто насочете курсора си към цвета, за да получите кода, който трябва да съответствате на цвета.

Voici 10 extensions de sélecteur de Colors for Chrome, starting with those които имат допълнителни характеристики и функции, които може да оцените.

Списък на най-добрите селектори на цветовете за Chrome

1. geco

можете да получите цвят Код за всеки цвят, който виждате на уеб страница с инструмента за избор на цвят – geco.

  1. Изберете бутона за разширение във вашата лента от инструменти.
  2. Насочете курсора си върху цвета, който искате да идентифицирате.
  3. Щракнете, за да запазите цвета в списъка с разширения.

vous verrez alors les кодове Hex, rgb et hsl в l новите секции и избрани на прозореца за разширение. Изберете предишен цвят, който сте идентифицирали, и ще видите тези кодове в секцията нови .

< / Div>

функции

  • Автоматично копирайте цветовия код на шестнадесетицата в клипборда си, за да го залепите лесно там, където имате нужда.
  • Изтеглете CSV файл от вашата цветова палитра с кодовете Hex, RGB и HSL.

    2. akcolor .

    цветен код от всеки сайт, който виждате в мрежата.

    1. Изберете бутона за разширение във вашата лента с инструменти.
    2. Изберете пипета Вляво и насочете курсора си към цвета, който искате да идентифицирате.
    3. Щракнете, за да покажете цветните кодове, както и най -близкия цвят и средния цвят на зоната.

    img src = „https: // global-uploads .webflow.com/5ef9c22a12deafc90caa105e/638d668b2e5f78fbe16f7b4b_IeKkN5_2goK0UMnKPiKeMkASzCcUwTM2NlprbO8znRexw2nNx7Ftc1nmlSG9TOfrRjr1cRUycjvKmzA9Jwn-B1UWo7ph4FUnzLDJkAyPCovb6_nl7xEpIIfr8fMPBU7eJOjk5DrIg7QB2hG8qopaZgyIkHoo5YQKze0lFGP6qrloQYwKBCuguo8o6SBnnglu5Ge-E0IWvg.png“ alt = „“>

    Ще видите доста изскачащ прозорец с цветни кодове за RGB, RGBA, HEX, HSL и HSLA. Изберете един от кодовете, за да копирате цветовите стойности във вашия клипборд. След това изберете отново или close .

    Функции

  • Използвайте цветен преобразувател и Градиент генератор , интегриран в разширението.
  • Вземете вземете Предимство на клавишните преки пътища за бърза и лесна цветна идентификация.
  • Регулирайте настройките в нощния режим, интерфейсът, размерът на лупата на пиксела, на нивото на нивото и т.н.

    • 3. цвят .

    Селектор за селектор на цветове, които можете да използвате на други места, освен в мрежата, Pick Color е инструментът, от който се нуждаете.

    1. Изберете бутона за разширение в лентата си с инструменти.
    2. Изберете Изберете вашия цвят , след това изберете пипета .
    3. Насочете курсора си върху цвета, който искате да идентифицирате. Това може да е на уебсайт, на вашия работен плот или в друго приложение.
    4. Щракнете, за да запазите цвета в разширението.

    vous verrez alors les кодове de couleur hex, rgb et hsl dans la fenêtre de l’plension. Можете да копирате шестнадесетия код, като изберете иконата за копиране, разположена вдясно от него. За да копирате стойностите на RGB или HSL, слезте в секцията по-долу и използвайте тези икони за копиране.

    < H4> Характеристики

    С избор на избор можете бързо да идентифицирате цвят на уеб страница и да копирате шестнадесетичния код във вашите кликвания.

    1. Вдясно -Кликнете на уеб страницата и изберете Избор на цвят на страницата в контекстното меню.
    2. Преместете курсора си на цвят и ще видите шестнадесетия съвместен код .
    3. Щракнете Z За да копирате шестнадесетия цвят на вашия клипборд.

    4. color picker (by linangdata.com)

    За поредното разширение на Chrome с полезни допълнителни функции, разгледайте Picker Color от linangdata.com.

    1. Изберете бутона за разширение във вашата лента с инструменти и отидете на пипетата пипета Tab .
    2. Изберете eyedropper и насочете курсора си на цвят. Ще видите кода, който се появява, когато преместите курсора си.
    3. Щракнете, за да запазите цвета в списъка с разширения и да копирате Hex кода едновременно в клипборда си.
    4. Rouve Разширението с бутона на лентата с инструменти и ще видите кодовете Hex, RGB, HSL, HSV и CMYK. Изберете иконата за копиране вдясно от някой от тези кодове, за да я поставите в клипборда си.

      5. функции

    5. Използвайте раздела селектор на цвят , за да покажете първични цветове с цветовия си код.
    6. Опитайте Цветната скала За да видите различни цветни нюанси с техните цветни кодове.
    7. Консултирайте се с цветовия блендер на раздел , за да се умножи, затъмнява, олекоти и наслагва цветовете.

      8. 5. капкоп на очите Избор на цвят за хром с някои бонуси, на които бихте могли да се насладите.

      1. Изберете бутона за разширение в лентата с инструменти.
      2. Изберете Изберете цвят в a Уеб страница и преместете курсора си в цвета. Докато премествате курсора си, ще видите стойностите на шестнадесетичните и RGB в долния десен ъгъл на прозореца на браузъра си.
      3. Щракнете върху цвета, за да го запазите в списъка с разширения.

        4. Когато насочвате разширението, виждате цветните кодове на Hex, HSL и RGB, както и името на цветовете в секцията за цветовете избрани . & nbsp;

        <Фигура Class = "w-richtext-figure-type-image w-richtext-align-fullwidth" style = "max-width: 1024pxpx">

        Fonctionnalités

        • Use the color selector tab За да смесите собствените си цветове.
        • exp Излезте от историята на цвета си под формата на CSV файл с цветни кодове.
        • Настройте настройките, за да копирате в клипборда, променете външния вид на показалеца и деактивирайте цветовата информация, когато преместите курсора си.

        6. black-mrimp .

        , ако искате да Определете цветовете и ги групирайте за бърз достъп, вижте секцията Black-Shrimp.

        1. Изберете бутона за разширение във вашата лента с инструменти. Това отваря малкия прозорец за разширение вляво.
        2. Насочете курсора си към цвета, който искате да идентифицирате и щракнете.
        3. Ще видите незабавен интелект на шестнадесетия код в прозореца. Използвайте списъка с падащи намаления до идентифицирания цвят, за да покажете RGB или HSL цветови кодове.
        4. За да запазите цвета, изберете знака плюс в долната част на прозореца.

          5. Fonctionnalités

          • Добавете група с помощта на иконата папка и плъзнете запазените цветове.
          • Експортирайте запазените си цветове под формата на ASE файл (Adobe Swatch Exchange).
          • Използвайте клавишни комбинации, за да добавите цвят, да създадете група, да изтриете или Ex Porter.

          7. лесен цвят на цветовете .

          Допълнителни функции Не ви интересува и искате просто разширение, разгледайте лесен за избор на цвят.

          1. Изберете бутона за разширение във вашата лента с инструменти.
          2. Изберете Бутонът Изберете в горния десен ъгъл и насочете курсора си към цвета. Премествайки курсора си, ще видите стойностите на шестнадесетичните и RGB в долния десен ъгъл на прозореца на браузъра си.
          3. Щракнете върху цвета, който искате , RGB и HSL кодове.

          <фигура class = "w-richtext-figure-type-image w-richtext-align-fullwidth" style = "max-width: 618pxpx">

          < img src="https://global-uploads.webflow.com/5ef9c22a12deafc90caa105e/638d668b346ec7a7a79d85eb_MkHCHpajLbP09pY1eEydszeMh6h5M0cI9bGOveunePgMjb5pApQDB_EiDIrUX1xLBXJhEyYFh1BkQNHdkTIu7oI97wKGor7PBjqdK6Yb9aCGTaA_RAKz3wU2dEtJgQWO9W0xojkno3tqH7N0n6viClvIfCzO2FfzPbl8MUh0yFadCO8vVizWhnxkhs3pKrrj_obFN8DdpQ.png" alt="">

          Bien qu’il n’existe pas d’option Simple Копирайте за цветни кодове, можете да направите правилно -кликнете случая във всяко поле и изберете copy ако трябва да залепите стойностите другаде.

          < /Div>

          8. Picker Colorfly Color . Лесен цвят на цветовете е Picker Colorfly Color. Въведете цвета, прегледайте кода и копирайте стойностите, ако е необходимо.

          1. Изберете бутона за разширение във вашата лента с инструменти.
          2. Изберете <силен > Бутон Изберете цвят и насочете курсора си към цвета. Когато преместите курсора си, можете да видите стойностите на шестнадесетичните и RVB в долния десен ъгъл на прозореца на браузъра си.
          3. Щракнете върху цвета, който искате, и ще видите кодовете на Hex, RGB и HSL в прозореца за разширение. Изберете всеки цветен код, за да го копирате в клипборда си.

            4. 9.

            1. Изберете бутона за разширение в лентата си с инструменти. li>
            2. Насочете курсора си върху цвета, който искате да идентифицирате и щракнете.
            3. Rouvre разширението, за да видите цветовите кодове на Hex, HSL и RGB.

            <клас клас = "W-richtext-figure-image-image w-richtext-align-fullwidth" style = "max-width: 1024pxpx">

          10. Smart Color Picker .

          един последен Разширението на Chrome, проста и необезпокоявана, е интелигентен цвят на цветовете.

          1. Изберете бутона за разширение във вашата лента с инструменти.
          2. Изберете бутона Изберете a цвят и насочете курсора си към цвета. Премествайки курсора си, ще видите стойностите на шестнадесетичните и RGB в долния десен ъгъл на прозореца на браузъра си.
          3. Щракнете върху цвета, който искате , RGB и HSL кодове. Изберете всеки цветен код, за да го копирате в клипборда си.

            4. We Надявам се, че поне един от тези цветни селектори на разширението Chrome съответства на това, от което се нуждаете. Независимо дали обичате допълнителни функции или предпочитате да останете прости, това са отлични опции.

            За да получите допълнителна помощ, вижте раздела „Как Инсталиране или изтриване на разширения в Chrome „.

    Някои от връзките в тази статия могат да бъдат партньорски връзки за разузнаване, които могат да ми осигурят безплатно възнаграждение за вас, ако решите да купите платен план.
    Това са инструменти, които лично съм използвал, които поддържам и които ви позволяват да ви предлагате безплатно съдържание.

    9+ най-добри удължения, хром да се получи, RGB, HSL
    CEO & amp; Основател

    В продължение на много години съм помагал на предприемачите Това ще надхвърли техните цели. най -новите методи или инструменти, които да ви помогнат. ‍
    приятелски.

    signature