6 個最佳顏色選擇器 Chrome 擴展

已發表: 2022-03-24

如果您是使用 Google Chrome 作為主要瀏覽器的設計師,那麼您肯定需要 Chrome 的顏色選擇器擴展。 你無法預測你會在哪裡找到令人印象深刻的設計和調色板,對吧? 因此,為此目的的 Chrome 擴展程序將派上用場。 無論您身在何處,都可以簡單地專注於顏色並複制其代碼。

由於有成千上萬的設計師和開發人員,因此用於挑選顏色的 Chrome 擴展並不稀缺。 但是隨機擴展不會有幫助。 這就是我們為 Chrome 編制最佳顏色選擇器擴展列表的原因。 在本文中,您可以找到六款供設計師使用的顏色選擇器擴展工具。 在我們這樣做之前,我們需要談談 Google Chrome 上的內置顏色選擇器。

目錄
  • 如何在 Google Chrome 上使用內置顏色選擇器?
  • Chrome 的顏色選擇器擴展列表
  • 經常問的問題
  • 結論

如何在 Google Chrome 上使用內置顏色選擇器?

很多人不知道,但谷歌瀏覽器有一個內置的顏色選擇器工具。 如果您不想使用第三方擴展,我們推薦此工具。 但是,我們應該警告您,這不是最用戶友好的選項。 無論如何,這裡是您如何在 Chrome 上使用內置顏色選擇器的方法。

  1. 右鍵單擊找到要選擇的顏色的網頁
  2. 從上下文菜單中選擇“檢查”選項。 Inspect Page
  3. 現在,您將能夠在 Chrome 上看到開發者選項。 Developer Options
  4. 在樣式選項卡下,向下滾動,直到找到一個顏色框。 Styles Tab
  5. 可以點擊顏色框,出現顏色選擇器界面
  6. 現在,您可以將顏色選擇器移向您想知道的顏色Color Picker
  7. 雙擊顏色,內置顏色會顯示HEX值等詳細信息

您可以復制此顏色代碼或從菜單中選擇不同的漸變。 如果您正在尋找顏色的 RGB 值,您也可以找到它們。 問題是:這個顏色選擇器工具沒有快捷方式。 這意味著您每次想要選擇顏色時都必須啟動開發者工具。 我們相信這對大多數人來說不是一個方便的選擇。 這也是我們建議為此目的選擇專用 Chrome 擴展程序的原因。

因此,我們為此編譯選擇了各種顏色選擇器擴展。 其中一些文章提供了一些附加功能,而另一些則很少。 根據您的設計師,您可以做出正確的選擇。

Chrome 的顏色選擇器擴展列表

#1 ColorZilla

Colorzilla
獲取 ColorZilla
綜合評分: 9 /10
用戶界面9 /10
特徵9 /10
表現9.5 /10
支持8.5 /10
價錢9 /10

ColorZilla 可能是您今天可以獲得的最好的 Chrome 顏色選擇器擴展。 這個 Chrome 擴展程序擁有超過 300 萬用戶和 5 分中的 4.4 分,帶來了兩全其美的效果。 安裝後,您可以在擴展欄上找到 ColorZilla 按鈕。 您可以通過單擊按鈕找到幾個選項 - 第一個選項稱為從頁面中選擇顏色。 此選項將您的光標轉換為顏色選擇器,您可以單擊要捕獲的顏色。 稍後,ColorZilla 將顯示顏色的十六進制值和 RGB 值。

包中還有其他功能。 例如,高級顏色選擇器的工作方式類似於 Adob​​e Photoshop。 如果您的設計需要新的色彩創意,您還可以使用終極 CSS 漸變生成器。 我們還喜歡 ColorZilla 上的網頁顏色分析器功能。 此功能只需單擊一下即可為您提供網站的完整調色板。 ColorZilla 還會跟踪您選擇的所有顏色。 因此,您可以隨時查看歷史記錄以供參考。

總之,ColorZilla 功能豐富且穩定。 您可以使用它從網頁中的幾乎所有元素(包括 Flash 和 HTML5 播放器)中選擇顏色。

#2 Fardos的顏色

Color By Fardos
通過 Fardos 獲取顏色
綜合評分: 8.8 /10
用戶界面8.5 /10
特徵9 /10
表現9 /10
支持8.5 /10
價錢9 /10

Fardos 的 Color 是另一個 Chrome 擴展程序,在從網站挑選顏色時您可以信任它。 它包含您期望從顏色選擇器擴展中獲得的所有標準功能。 但是,與 ColorZilla 不同的是,Color by Fardos 擴展程序不會佔用大量空間或資源。 另一方面,您可以享受一些有用的功能,例如多 Chrome 瀏覽器同步。 這意味著您使用 Chrome 瀏覽器選擇的顏色也將在其他設備上可用。

Fardos 擴展的 Color 也可以自動執行一些操作。 例如,您不必復制所選顏色的 HEX。 每當您單擊一種顏色時,它的 HEX 就會出現在您的剪貼板上。 多虧了成熟的顏色面板,可以輕鬆找到顏色漸變和互補組合。 您還可以使用來自網頁的輸入生成線性或徑向漸變。 最後但並非最不重要的一點是,由於該工具使用縮放技術,您可以對顏色非常挑剔

如果您需要一種更簡單的 ColorZilla 替代品,我們推薦使用 Fardos 的 Color。 同時,它包含的功能比 Chrome 的內置顏色選擇器要多得多。

#3 ColorPick 吸管

Colorpick Eyedropper
獲取 ColorPick 吸管
綜合評分: 8.6 /10
用戶界面8.5 /10
特徵9 /10
表現9.5 /10
支持8 /10
價錢8 /10

ColorPick Eyedropper 必須是從 Google Chrome 中挑選顏色的下一個最佳解決方案。 在功能和可用性方面,擴展採取了中間立場。 雖然它沒有 ColorZilla 那麼多的功能,但它也不像 Color by Fardos 那樣簡單。 超過 1,000,000 名用戶使用此擴展程序,總評分為 4.3 分(滿分 5 分)。使用此擴展程序也非常簡單。 您可以單擊擴展按鈕來激活吸管。

然後,您只需選擇要選擇的顏色。 ColorPick 吸管會立即顯示顏色的 RGB 和 HEX 值。 除了精確度之外,ColorPick Eyedropper 還包含可調節的縮放功能。 正如我們在其他應用程序中看到的那樣,它可以從網頁元素以及 Flash 和 HTML5 播放器中選擇顏色。 當您單擊特定顏色時,擴展程序也會擴展為成熟的調色板。

因此,如果您需要功能和其他選項的良好組合,您應該查看 ColorPick 吸管。 它不顯示任何廣告,完全免費。

#4 滴管

Eye Dropper
獲取滴管
綜合評分: 8.6 /10
用戶界面8.5 /10
特徵9 /10
表現9.5 /10
支持8 /10
價錢8 /10

Eye Dropper 是 Google Chrome 的超簡單顏色選擇器擴展。 與我們在此處列出的其他擴展不同,Eye Dropper 不提供任何高級功能。 您可以啟用擴展,單擊要捕獲的顏色,您將獲得 HEX 和 RGB 值。 如果您需要一些參考資料,您還可以查看顏色歷史記錄。 儘管很簡單,但滴管擴展程序也提供了自定義選項。 例如,您可以更改網頁選擇行為和用戶界面。

#5 光滑的顏色選擇器

Slick Color Picker
獲取光滑的顏色選擇器
綜合評分: 8.6 /10
用戶界面8.5 /10
特徵9 /10
表現8.5 /10
支持8.5 /10
價錢8.5 /10

Slick Color Picker 是您可以為 Google Chrome 找到的更好看的顏色選擇器擴展之一。 與其他擴展不同,此擴展具有現代用戶界面。 您也可以使用不同的方法選擇顏色。 例如,您可以單擊要選擇的顏色或使用漸變滑塊。 選擇一個像素後,該工具會自動將信息複製到剪貼板。 它還具有一些自動化功能——比如從網頁中檢測顏色模式的能力。

#6 終極顏色選擇器

Ultimate Color Picker
獲取終極顏色選擇器
綜合評分: 8.6 /10
用戶界面8.5 /10
特徵9 /10
表現8.5 /10
支持8.5 /10
價錢8.5 /10

我們以 Ultimate Color Picker 結束此列表,這是一個忠實於其名稱的擴展。 在 Chrome 上,這個簡單的擴展程序創建了一種有效的方式來選擇顏色並找到它們的 RGB 值。 您還可以找到您在一段時間內選擇的所有顏色的列表。 縮放功能和自動複製功能也非常適合大多數設計師。 Photoshop 風格的顏色選擇器也會對專業人士派上用場。 最後但並非最不重要的一點是,Ultimate Color Picker 擴展帶有一個內置的啟動快捷方式。

也可以看看
修復 Chrome Web 瀏覽器中光標或鼠標指針消失的問題

經常問的問題

Frequently Asked Questions

如何向 Chrome 添加顏色選擇器?

您可以通過安裝我們上面提到的顏色選擇器 Chrome 擴展之一來向 Chrome 添加顏色選擇器。 這些是從網頁的不同部分選擇顏色的最有效方法。

Chrome 有顏色選擇器嗎?

是的,谷歌瀏覽器有一個內置的顏色選擇器。 您可以從開發人員選項中訪問它,並且可以找到訪問該工具的詳細指南。 如果您不喜歡提供對第三方擴展的數據訪問權限,您可以使用此工具。

如何使用 Chrome 的隱藏顏色選擇器?

要在谷歌瀏覽器上使用隱藏的顏色選擇器,您必須右鍵單擊網頁,選擇檢查,從樣式菜單中找到一個顏色框,然後單擊顏色框。 然後,顏色選擇器將被激活,您可以從網頁中選擇任何顏色。

為什麼 ColorZilla 需要“訪問所有網站上的數據”的權限?

ColorZilla 需要這些權限,以便它可以從網站上的任何位置選擇顏色。 但是,開發人員承諾他們不會出售或共享收集的數據。

底線

您不認為 Chrome 的第三方顏色選擇器擴展比隱藏的顏色選擇器工具更好嗎? 好吧,我們有理由相信這一點。 我們還想補充一點,我們在這裡提到的所有工具都是 100% 安全且對隱私友好的。 因此,您可以毫無顧慮地使用它們。