웹 디자이너(web designer) , 아티스트 또는 색상 일치를 원하는 사람 이든 상관없이 Google Chrome 은 Chrome 웹 스토어(Chrome Web Store) 에서 도움이 될 수 있는 몇 가지 추가 기능을 제공합니다.
색상 선택기 Chrome 확장 프로그램을 사용 하여 웹에서 원하는 색상에 대한 HEX , RGB 또는 HSL 값을 얻을 수 있습니다 . 색상에 커서 를(Simply) 놓고 색상과 일치시키는 데 필요한 코드를 얻으십시오.
다음은 즐길 수 있는 추가 기능이 포함된 10가지 Chrome 색상 선택기 확장 프로그램입니다.(Chrome)
Color Picker Tool – Geco 를 사용하여 웹페이지에서 볼 수 있는 모든 색상의 색상 코드를 얻을 수 있습니다 .
- 도구 모음에서 확장 버튼을 선택합니다.
- 식별하려는 색상으로 커서를 가리킵니다.
- (Click)확장 프로그램 목록에 색상을 저장하려면 클릭하세요 .
그런 다음 확장 창의 새로(New) 만들기 및 선택 섹션에서 (Picked)HEX , RGB 및 HSL 코드 를 볼 수 있습니다. 식별한 이전 색상을 선택하면 새(New) 섹션에 해당 코드가 표시됩니다.
추가 기능:
- 필요한 곳에 쉽게 붙여넣을 수 있도록 HEX 색상 코드를 클립보드에 자동으로 복사합니다 .
- (Download)HEX , RGB 및 HSL 코드 가 포함 된 색상 팔레트의 CSV 파일을 (CSV)다운로드 합니다 .
- (Adjust)클립보드에 복사, 알림 활성화, 오른쪽 클릭 사용에 대한 설정을 조정 합니다.
2. 에이크컬러(AKColor)
AKColor 의 스포이드 도구를 사용 하여 웹에서 보는 모든 사이트에서 색상 코드를 가져옵니다.
- 도구 모음에서 확장 버튼을 선택합니다.
- 왼쪽 에서 스포이드(eyedropper) 를 선택 하고 식별하려는 색상으로 커서를 가리킵니다.
- 클릭(Click) 하면 해당 영역의 가장 가까운 색상 및 평균 색상과 함께 색상 코드를 볼 수 있습니다.
RGB , RGBA , HEX , HSL 및 HSLA 에 대한 색상 코드가 있는 멋진 팝업 창이 표시됩니다 . 색상 값을 클립보드에 복사할 코드를 선택 합니다. (Choose)그런 다음 다시(Pick Again) 선택 또는 닫기( Close) 를 선택합니다 .
추가 기능:
- 확장 기능에 내장된 색상 변환기(Color Converter) 및 그라디언트 생성기(Gradient Generator) 를 사용하십시오 .
- (Take)빠르고 쉬운 색상 식별을 위해 키보드 단축키를 활용 하십시오 .
- (Adjust)야간 모드, 인터페이스, 픽셀 돋보기 크기, 확대/축소 수준 등에 대한 설정을 조정 합니다.
3. 색상 선택(Pick Color)
웹이 아닌 다른 위치에서 사용할 수 있는 색상 선택기를 찾고 있다면 색상 선택이 적합한(Pick Color) 도구입니다.
- 도구 모음에서 확장 버튼을 선택합니다.
- 색상(Choose Your Color) 선택 을 선택한 다음 스포이드(eyedropper) 를 선택합니다 .
- 식별하려는 색상으로 커서를 가리킵니다. 이것은 웹사이트, 데스크탑 또는 다른 애플리케이션에 있을 수 있습니다.
- (Click)확장 프로그램에 색상을 저장하려면 클릭하세요 .
그러면 확장 프로그램 창에 HEX , RGB 및 HSL 색상 코드가 표시됩니다. 오른쪽에 있는 복사 아이콘을 선택하여 HEX 코드를 복사할 수 있습니다 . RGB 또는 HSL 값 을 복사하려면 아래 섹션으로 이동하여 해당 복사 아이콘을 사용합니다.
보너스 기능(Bonus Feature)
색상 선택(Pick Color) 을 사용 하면 웹 페이지에서 색상을 빠르게 식별하고 몇 번의 클릭으로 HEX 코드를 클립보드에 복사할 수 있습니다.(HEX)
- 웹 페이지를 마우스 오른쪽 버튼으로 클릭하고 바로 가기 메뉴에서 페이지의 색상 선택을 선택 합니다.(Pick a color on the page)
- 커서를 색상으로 이동하면 HEX 코드가 첨부된 것을 볼 수 있습니다.
- (Click)색상의 HEX 코드를 클립보드 에 복사 하려면 클릭 하세요.
4. 색상 선택기(Color Picker) (linangdata.com 제공)
유용한 추가 기능(Chrome extension with useful extra features) 이 있는 다른 Chrome 확장 프로그램을 보려면 linangdata.com 에서 Color Picker 를 살펴보세요.(Color Picker)
- 도구 모음에서 확장 버튼을 선택하고 스포이드(Eyedropper) 탭으로 이동합니다.
- 스포이드(Eyedropper) 를 선택 하고 커서로 색상을 가리킵니다. 포인터를 움직이면 HEX 코드가 나타 납니다 .(HEX)
- (Click)확장 프로그램 목록에 색상을 저장하고 동시에 HEX 코드를 클립보드에 복사 하려면 클릭하십시오 .
- 도구 모음 버튼으로 확장 프로그램을 다시 열면 HEX , RGB , HSL , HSV 및 CMYK 코드가 표시됩니다. 코드 중 하나의 오른쪽에 있는 복사 아이콘을 선택하여 클립보드에 저장합니다.
추가 기능:
- 색상 선택기(Color Picker) 탭을 사용하여 기본 색상을 해당 색상 코드와 함께 표시합니다.
- 색상 스케일(Color Scale ) 탭 을 사용하여 색상 코드와 함께 다양한 색상 음영을 봅니다.
- 색상 블렌더(Color Blender) 탭을 확인하여 색상 을 곱하고, 어둡게 하고, 밝게 하고, 오버레이하십시오.
5. 점안기(Eye Dropper)
Eye Dropper 는 몇 가지 보너스가 포함된 Chrome 용 멋진 색상 선택 옵션입니다 .
- 도구 모음에서 확장 버튼을 선택합니다.
- 웹 페이지에서 색상(Pick color from web page) 선택 을 선택 하고 커서를 색상으로 이동합니다. 포인터를 움직이면 브라우저 창의 오른쪽 하단 모서리에 HEX 및 RGB 값이 표시됩니다.(RGB)
- 색상을 클릭(Click) 하여 확장 프로그램 목록에 저장합니다.
- 확장 프로그램을 다시 열면 선택한(Selected) 색상 섹션 에 해당 색상의 이름과 함께 HEX , HSL 및 RGB 색상 코드가 표시됩니다.(RGB)
추가 기능:
- 색상 선택기(Color Picker) 탭을 사용 하여 고유한 색상을 혼합합니다.
- (Export)색상 기록을 색상 코드가 포함된 CSV 파일로 내보냅니다 .
- 클립보드에 복사하기 위한 설정을 조정(Adjust) 하고, 포인터 모양을 변경하고, 커서를 이동할 때 색상 정보를 비활성화합니다.
6. 흑새우(Black-shrimp)
색상을 식별한 다음 그룹화하여 빠르게 액세스하려면 Black-shrimp 를 확인하십시오 .
- 도구 모음에서 확장 버튼을 선택합니다. 그러면 왼쪽에 애드온의 작은 창이 열립니다.
- 식별하려는 색상에 커서를 놓고 클릭합니다.
- 창에 HEX(HEX) 코드가 즉시 표시 됩니다. 식별된 색상 옆에 있는 드롭다운 상자를 사용하여 RGB 또는 HSL 색상 코드를 봅니다.
- 색상을 저장하려면 창 하단에서 더하기 기호 를 선택합니다.(plus sign)
추가 기능:
- 폴더(folder) 아이콘을 사용하여 그룹을 추가하고 저장된 색상을 그룹으로 드래그합니다.
- (Export)저장된 색상을 ASE ( Adobe Swatch Exchange ) 파일 로 내 보냅니다 .
- 키보드 단축키를 사용(Use) 하여 색상을 추가하거나 그룹을 생성하거나 삭제하거나 내보낼 수 있습니다.
7. 쉬운 색상 선택기(Easy Color Picker)
멋진 추가 기능이 마음에 들지 않고 간단한 확장을 원한다면 Easy Color Picker(Easy Color Picker) 를 살펴보십시오 .
- 도구 모음에서 확장 버튼을 선택합니다.
- 오른쪽 상단 의 선택 버튼을 선택하고 커서를 색상에 가리킵니다. (Pick)포인터를 움직이면 브라우저 창의 오른쪽 하단 모서리에 HEX 및 RGB 값이 표시됩니다.(RGB)
- 원하는 색상을 클릭(Click) 한 다음 버튼으로 확장을 다시 열어 HEX , RGB 및 HSL 코드를 봅니다.
색상 코드에 대한 단순 복사 옵션은 없지만 값을 다른 곳에 붙여넣어야 하는 경우 각 상자 내부를 마우스 오른쪽 버튼으로 클릭하고 복사 를 선택할 수 있습니다.(Copy)
Easy Color Picker 와 유사하게 Colorfly Color Picker 가 있습니다. 색상을 잡고(Grab) 코드를 보고 필요한 경우 값을 복사합니다.
- 도구 모음에서 확장 버튼을 선택합니다.
- 색상 선택(Pick Color) 버튼을 선택하고 색상 에 커서를 둡니다. 커서를 움직이면 브라우저 창의 오른쪽 하단에서 HEX 및 RGB 값을 볼 수 있습니다.(RGB)
- (Click)원하는 색상을 클릭 하면 확장 프로그램 창에 HEX , RGB 및 HSL 코드가 표시됩니다. 색상 코드를 선택(Select) 하여 클립보드에 복사합니다.
9. 색상 선택기(Color Picker) (kipelovvycheslav 작성)
또 다른 기본 Chrome 브라우저 확장 프로그램(Chrome browser extension) 은 우리 목록에 있는 다른 확장 프로그램인 Color Picker 와 이름 이 같습니다. 이것은 kipelovvycheslav의 것입니다.
- 도구 모음에서 확장 버튼을 선택합니다.
- 식별하려는 색상에 커서를 놓고 클릭합니다.
- 확장 프로그램을 다시 열어 HEX , HSL 및 RGB 색상 코드를 확인합니다.
10. 스마트 색상 선택기(Smart Color Picker)
종소리와 휘파람이없는 간단한 마지막 Chrome 확장 프로그램은 (Chrome)Smart Color Picker 입니다.
- 도구 모음에서 확장 버튼을 선택합니다.
- 색상 선택(Pick Color) 버튼을 선택하고 색상 에 커서를 둡니다. 커서를 움직이면 브라우저 창의 오른쪽 하단 모서리에 HEX 및 RGB 값이 표시됩니다.(RGB)
- 원하는 색상을 클릭(Click) 한 다음 버튼으로 확장을 다시 열어 HEX , RGB 및 HSL 코드를 봅니다. 색상 코드를 선택(Select) 하여 클립보드에 복사합니다.
이러한 Chrome(Chrome) 확장 색상 선택기 중 적어도 하나가 필요한 것입니다. 추가 기능을 좋아하든 단순하게 유지하고 싶든 모두 훌륭한 옵션입니다.
추가 도움이 필요하면 Chrome에서 확장 프로그램을 설치하거나 제거(install or remove extensions in Chrome) 하는 방법을 살펴보세요 .
The Best Color Picker Chrome Extensions to Get HEX, RGB, and HSL Color Codes
Whether you’re a web designer, artist, or just a person who wants to match colors, Google Chrome offers several add-ons in the Chrome Web Store that can help.
Using a color picker Chrome extension, you can obtain the HEX, RGB, or HSL values for any color you want on the web. Simply point your cursor to the color and get the code you need to match the color.
Here are 10 Chrome color picker extensions starting with those that have extra features and functionality you might enjoy.
You can obtain a color code for any color you see on a webpage with Color Picker Tool – Geco.
- Select the extension button in your toolbar.
- Point your cursor at the color you want to identify.
- Click to save the color in the extension’s list.
You’ll then see the HEX, RGB, and HSL codes in the New and Picked sections of the extension’s window. Select a previous color you’ve identified, and you’ll see those codes in the New section.
Additional Features:
- Automatically copy the HEX color code to your clipboard for easy pasting where needed.
- Download a CSV file of your color palette with HEX, RGB, and HSL codes.
- Adjust settings for copying to your clipboard, enabling a notification, and using a right-click.
Use the eyedropper tool from AKColor to grab the color code from any site you see on the web.
- Select the extension button in your toolbar.
- Choose the eyedropper on the left and point your cursor at the color you want to identify.
- Click to view the color codes along with the closest color and average color of the area.
You’ll see a nice pop-up window with the color codes for RGB, RGBA, HEX, HSL, and HSLA. Choose any of the codes to copy the color values to your clipboard. Then, select Pick Again or Close.
Additional Features:
- Use the Color Converter and Gradient Generator built right into the extension.
- Take advantage of keyboard shortcuts for quick and easy color identification.
- Adjust settings for night mode, the interface, the size of the pixel magnifier, the zoom level, and more.
If you’re looking for a color picker that you can use in other locations rather than just the web, Pick Color is the tool for you.
- Select the extension button in your toolbar.
- Pick Choose Your Color and then select the eyedropper.
- Point your cursor at the color you want to identify. This can be on a website, your desktop, or in another application.
- Click to save the color in the extension.
You’ll then see the HEX, RGB, and HSL color codes in the extension’s window. You can copy the HEX code by selecting the copy icon on the right of it. To copy the RGB or HSL values, move down to the section beneath and use those copy icons.
Bonus Feature
With Pick Color, you can quickly identify a color on a webpage and copy the HEX code to your clipboard with a couple of clicks.
- Right-click the webpage and select Pick a color on the page from the shortcut menu.
- Move your cursor to the color and you’ll see the HEX code attached.
- Click to copy the color’s HEX code to your clipboard.
For another Chrome extension with useful extra features, take a look at Color Picker from linangdata.com.
- Select the extension button in your toolbar and go to the Eyedropper tab.
- Choose Eyedropper and point your cursor at the color. You’ll see the HEX code appear as you move your pointer.
- Click to save the color in the extension’s list and copy the HEX code to your clipboard at the same time.
- Reopen the extension with the toolbar button and you’ll see the HEX, RGB, HSL, HSV, and CMYK codes. Select the copy icon to the right of any one of the codes to place it on your clipboard.
Additional Features:
- Use the Color Picker tab to display prime colors with their color codes.
- Try the Color Scale tab to view different color shades with their color codes.
- Check out the Color Blender tab to multiply, darken, lighten, and overlay colors.
Eye Dropper is a nice color picking option for Chrome with a few bonuses you might like.
- Select the extension button in your toolbar.
- Choose Pick color from web page and move your cursor to the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
- Click the color to save it to the extension’s list.
- When you reopen the extension, you’ll see the HEX, HSL, and RGB color codes along with that color’s name in the Selected color section.
Additional Features:
- Use the Color Picker tab to mix your own colors.
- Export your color history as a CSV file with the color codes.
- Adjust settings for copying to your clipboard, changing the pointer appearance, and disabling the color information as you move your cursor.
If you want to identify colors and then group them for quick access, check out Black-shrimp.
- Select the extension button in your toolbar. This opens the add-on’s small window on the left.
- Point your cursor to the color you want to identify and click.
- You’ll immediately see the HEX code in the window. Use the drop-down box next to the identified color to view the RGB or HSL color codes.
- To save the color, select the plus sign at the bottom of the window.
Additional Features:
- Add a group using the folder icon and drag saved colors into it.
- Export your saved colors as an ASE (Adobe Swatch Exchange) file.
- Use keyboard shortcuts to add a color, create a group, delete, or export.
If fancy extra features aren’t for you and you want a simple extension, take a look at Easy Color Picker.
- Select the extension button in your toolbar.
- Choose the Pick button on the top right and point your cursor at the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
- Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes.
Although there are no simple copy options for the color codes, you can right-click inside each box and select Copy if you need to paste the values elsewhere.
Similar to Easy Color Picker is Colorfly Color Picker. Grab the color, view the code, and copy values if needed.
- Select the extension button in your toolbar.
- Choose the Pick Color button and point your cursor at the color. As you move your cursor, you can view the HEX and RGB values on the bottom right corner of your browser window.
- Click the color you want, and you’ll see the HEX, RGB, and HSL codes in the extension’s window. Select any color code to copy it to your clipboard.
9. Color Picker (by kipelovvycheslav)
Another basic Chrome browser extension has the same name as another in our list, Color Picker, this one from kipelovvycheslav.
- Select the extension button in your toolbar.
- Point your cursor to the color you want to identify and click.
- Reopen the extension to see the HEX, HSL, and RGB color codes.
One final, simple Chrome extension without bells and whistles is Smart Color Picker.
- Select the extension button in your toolbar.
- Choose the Pick Color button and point your cursor at the color. As you move your cursor, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
- Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes. Select any color code to copy it to your clipboard.
Hopefully at least one of these Chrome extension color pickers is just what you need. Whether you like extra features or prefer to keep it simple, they’re all great options.
For additional help, take a look at how to install or remove extensions in Chrome.