為網(wǎng)頁(yè)著色 - 面向設(shè)計(jì)師的色彩工具

時(shí)間：2023-09-09 04:18:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-09 04:18:01 來源：網(wǎng)站運(yùn)營(yíng)

為網(wǎng)頁(yè)著色 - 面向設(shè)計(jì)師的色彩工具：由 CSSDA 工作人員整理




網(wǎng)頁(yè)設(shè)計(jì)中的顏色趨勢(shì)來來去去，但是好的色彩工具呢？我們認(rèn)為是時(shí)候在網(wǎng)絡(luò)上四處走動(dòng)，并檢查設(shè)計(jì)師色彩工具世界的運(yùn)行狀態(tài)了。結(jié)果呢？事實(shí)證明，有一些非?？岬男路椒▉眢w驗(yàn)顏色，你可能想看看。在本綜述中，我們匯總了目前可用的最佳色彩工具以及一些有史以來的經(jīng)典。

• 1. 冰雹像素

  Hailpixel提供了一種精美簡(jiǎn)單的方法來查找顏色值并探索光譜。移動(dòng)鼠標(biāo)以瀏覽或使用箭頭鍵和滾動(dòng)。Hailpixel由Devin Hunt設(shè)計(jì)，Devin Hunt是一位設(shè)計(jì)師和企業(yè)家，專注于設(shè)計(jì)，技術(shù)和創(chuàng)業(yè)的交叉點(diǎn)。
  
  

• 2. Adobe Color CC

  從最簡(jiǎn)單的顏色工具到最全面的顏色工具之一，Adobe的Color CC（以前稱為Kuler）允許您瀏覽數(shù)千種配色方案，使用色輪創(chuàng)建自己的配色方案并與社區(qū)共享。
  
  

• 3. 材料調(diào)色板

  一個(gè)材料設(shè)計(jì)調(diào)色板生成器，允許您選擇自己喜歡的顏色，并生成和下載您的材料設(shè)計(jì)調(diào)色板。
  
  

• 4. 0到255

  假設(shè)您是一個(gè)經(jīng)常使用顏色的網(wǎng)頁(yè)設(shè)計(jì)師，您需要在懸停狀態(tài)下使鏈接變亮或使按鈕的邊框變暗。根據(jù)創(chuàng)作者肖恩·查普曼（Shaun Chapman）的說法，0to255是適合您的工具。當(dāng)然，對(duì)于基本顏色，您可能會(huì)依賴內(nèi)存來存儲(chǔ)十六進(jìn)制代碼，但是使用0to255，您可以選擇要開始的顏色，并使用針對(duì)網(wǎng)頁(yè)設(shè)計(jì)優(yōu)化的間隔接收從黑色到白色的一系列顏色。然后，只需單擊要使用的變體，十六進(jìn)制代碼就會(huì)自動(dòng)復(fù)制到剪貼板。
  
  

• 5. 147色

  有時(shí)，掌握基礎(chǔ)知識(shí)會(huì)有所幫助。147種顏色是Brian Maier的心血結(jié)晶，旨在幫助網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員學(xué)習(xí)HTML和CSS顏色規(guī)范中定義的147種顏色。147 種顏色由 17 種標(biāo)準(zhǔn)色和 130 種顏色組成。該值是顏色的名稱，而不是十六進(jìn)制值或 RGB 值。單擊所有顏色的網(wǎng)格，單擊小刷新圖標(biāo)以全屏獲取新顏色。
  
  

• 6. 快門光譜

  Shutterstock Spectrum 根據(jù)您在屏幕頂部滑塊中選擇的顏色顯示大小適中的圖像，非常方便獲得一些橫向靈感。您可以添加關(guān)鍵字以提高主題的準(zhǔn)確性，并按亮度和平衡過濾圖像。
  
  

• 7. 冷卻器

  要使用Coolors，只需點(diǎn)擊空格鍵即可生成配色方案，然后單擊顏色以獲取組合。一些漂亮的調(diào)整工具和易于訪問的撤消和導(dǎo)出按鈕使冷卻器使用起來輕而易舉。由Web/app設(shè)計(jì)師和開發(fā)人員Fabrizio Bianchi創(chuàng)建。
  
  

• 8. 科爾德

  Colrd允許您通過調(diào)色板，漸變，圖案和圖像創(chuàng)建和共享顏色靈感。Colrd呈現(xiàn)精美且易于使用，由一組色彩科學(xué)家為您帶來，他們專注于尋找在網(wǎng)絡(luò)上體驗(yàn)色彩的新方法。
  
  

• 9. 帕萊頓

  Paletton似乎永遠(yuǎn)存在（以一種好的方式），但實(shí)際上是在2002年推出的。Paletton與其他顏色生成器（如上面提到的Adobe的Color CC）共享一些功能，但是您也可以從配色方案中選擇顏色，并有效地“挖掘”以找到新的顏色可能性。
  
  

• 10. 彩色齊拉

  ColorZilla于2004年推出，是Firefox和Chrome的擴(kuò)展，具有先進(jìn)的吸管，顏色選擇器，顏色分析器和其他好東西，而Ultimate Gradient Generator則提供了一個(gè)類似Photoshop的在線CSS漸變編輯器以及圖像到CSS轉(zhuǎn)換器等。
  
  

• 11. 方格米色

  Checkmycolors 是一種工具，用于檢查所有 DOM 元素的前景色和背景色組合，并確定當(dāng)遇到顏色缺陷的人查看時(shí)，它們是否提供足夠的對(duì)比度。
  
  

• 12. hexu.al

  Hexu.al 以單詞的形式呈現(xiàn)十六進(jìn)制值及其含義。嗯？例如，十六進(jìn)制值#abaca5變成了單詞abacas，順便說一句，這顯然是來自菲律賓的大型植物。由Zach Wolf設(shè)計(jì)和開發(fā)。
  
  

• 13. 設(shè)計(jì)種子

  如果你有一個(gè)需要柔和的大地色調(diào)的項(xiàng)目，Design Seeds值得一游。Design Seeds慶祝自然界中發(fā)現(xiàn)的顏色，于2009年推出，因此它有很多靈感。
  
  

• 14. 色氨酸鹽

  Colorotate也可作為iPad應(yīng)用程序使用，是一款主要用于創(chuàng)建調(diào)色板的工具，此外，您還可以瀏覽現(xiàn)有調(diào)色板，然后添加，混合和共享。Colorotate與其他類似產(chǎn)品的不同之處在于3D風(fēng)格的色輪，并允許在調(diào)色板中使用五種以上顏色。
  
  

• 15. 顏色六

  ColorHexa 提供有關(guān)任何顏色的信息。只需在搜索字段中鍵入顏色值，ColorHexa就會(huì)提供詳細(xì)的描述，并自動(dòng)將其轉(zhuǎn)換為十六進(jìn)制，二進(jìn)制，RGB，CMYK，HSL，HSV，CIE-Lab，Hunter-Lab，CIE-Luv，CIE-LCH，XYZ和xyY的等效值。ColorHexa還將生成匹配的配色方案，例如互補(bǔ)，拆分互補(bǔ)，類似，三色，四色和單色顏色。
  
  

• 16. 科洛爾菲

  沒有COLOURlovers，任何顏色工具綜述都是不完整的，COLOURlovers是您應(yīng)該已經(jīng)了解的經(jīng)典資源。用戶創(chuàng)建的超過800萬種顏色，370萬調(diào)色板和470萬種圖案，您很可能會(huì)找到有用的東西。畢竟，Twitter上超過150萬粉絲不會(huì)錯(cuò);)
  
  

• 17. 對(duì)比度-A

  Contrast-A是另一個(gè)“老古董但好東西”，由Annika Hamann（DasPlankton）于2009年1月創(chuàng)建。這個(gè)有趣的工具允許用戶試驗(yàn)顏色組合，根據(jù)輔助功能指南檢查它們并創(chuàng)建自定義調(diào)色板。Contrast-A 檢查顏色組合的對(duì)比度是否可接受，并根據(jù) WCAG 2.0（亮度比）以及較舊的輔助功能指南顯示結(jié)果。
  
  

• 18. 拾色器

  不喜歡復(fù)雜的工具？不用擔(dān)心，拾色器可能只是你的東西。只需單擊表單字段即可激活色輪，或者只需輸入所需的十六進(jìn)制值，拾色器就會(huì)提取免費(fèi)顏色，三元組顏色和四元顏色。如果你想要一些無意識(shí)的娛樂，那么點(diǎn)擊隨機(jī)按鈕，重復(fù)，重復(fù)，重復(fù)，重復(fù);)
  
  

這在我們?yōu)樵O(shè)計(jì)師尋找最佳色彩工具時(shí)結(jié)束。我們希望您找到一些感興趣的東西，并記得分享它們，以幫助創(chuàng)作者對(duì)創(chuàng)建這些有用的工具并免費(fèi)提供它們感到一些愛。

編輯：塵淵文化