如何使用冷卻液獲得調色盤靈感

Coolors是一個功能齊全的web應用程式,可以幫助您找到完美的配色方案。以下是如何開始。...

色彩理論和色彩設計是一個巨大的課題,比使用一個簡單的web應用程式處理的課題要大得多。然而,對於那些已經熟悉色彩理論的人來說,調色盤工具仍然很有用,並且可以向任何有興趣的人介紹這個主題。

An illustration of color palettes on a laptop and desktop monitor

Coolors將調色盤放在一切事物的中心,讓休閒使用者很容易保持調色盤的安全,以備日後使用,同時也為那些願意深入研究的人提供了一些複雜的工具。

冷卻器入門

Coolors會在一個醒目的主頁上開啟,展示該服務所提供的內容。你可以先在這裡註冊,但這不是使用服務的必要條件。

然而,註冊是一個快速和無痛的過程,儘管需要建立一個帳戶與電子郵件地址。

A registration form for Coolors with name, email, and password fields

擁有一個帳戶可以讓你基本上書籤的顏色和調色盤,所以你可以參考他們在以後的日期。僅此功能就值得註冊。

該網站充分利用了桌面顯示器提供的全部空間,但它也可以在更小的移動螢幕上工作。不過,大多數使用都將而且應該在桌面瀏覽器上進行。

A mobile screenshot from Coolors.co

探索現有選項板

Coolors是關於管理調色盤的。在Coolors上,調色盤只是一個包含2到10個獨立的24位顏色的列表。

最快的方法來獲得一個網站的感覺是看看什麼已經存在。Explore選單將帶您進入趨勢調色盤頁面,展示當前流行的方案。

A screenshot showing trending palettes on Coolors.co

流行調色盤的概念也許有點不尋常,但你也可以按最新或流行的顏色來分類。您甚至可以透過使用諸如“vibrant”或“forest”之類的關鍵字來搜尋幾乎任何型別的顏色值

相關:如何運用色彩理論來提升你的創意專案

每個調色盤以一系列垂直條紋的形式顯示,每個條紋使用調色盤中的一種顏色。

A screenshot showing trending palettes on Coolors.co

當您將滑鼠懸停在條紋上時,它會稍微展開以顯示該顏色的十六進位制RGB值,只需單擊即可將其複製到剪貼簿。這是一個很好的方法來找到一個合適的顏色,或一個完整的調色盤,如果你在匆忙。

生成新選項板

預設情況下,“生成”部分提供一個隨機調色盤,其中有五種顏色供您開始使用。按空格鍵產生一個新的隨機選擇。這是偉大的,如果你正在尋找靈感,不知道從哪裡開始!

A screenshot of palette generation from Coolors

每個調色盤可以儲存,或事先進一步修改。你可以使用不同的顏色,如果顏色不對的話,可以用陰影來調整。單擊“檢視陰影”圖示,然後從顯示的陰影中選擇一個替代陰影。

需要注意的一個重要點是,選項板最初很容易建立,但大多是以石頭為基礎的。修改選項板將提示將其儲存為新副本,除非您透過專門編輯選項板而不是在生成器中開啟選項板來執行此操作。

A screenshot showing how to edit a saved palette on Coolors.co

在這樣的調色盤中編輯顏色時,只有RGB十六進位制程式碼可用。我們建議使用完整生成器,載入要更改的調色盤,然後在刪除舊調色盤之前將其儲存為新調色盤。

這也許是CoolorsWeb應用程式最尷尬的方面,可能需要一些時間來適應。

“儲存的選項板”圖示切換側欄,該側欄顯示已儲存的所有選項板,以及整個站點的所有選項板。這是一種快速訪問任何調色盤的有用方法。

Screenshot showing the palette sidebar on Coolors.co

選項板可以為其分配標記以便於檢索,還可以將它們組合到專案或集合中(兩者之間實際上沒有區別)以供以後參考。

從影象中提取顏色

影象選擇器從影象中提取顏色,並基於它們生成一系列可能的調色盤。可以拖動滑塊以檢視各種選項板或新增額外的顏色槽。

A screenshot of the image picker from Coolors.co

每種顏色的位置在影象中高亮顯示,可以拖動位置以拾取不同的顏色。完成後,可以將調色盤儲存到庫中或將其匯出為檔案。

使用顏色選擇器查詢基本資訊

顏色選擇器不太關注花哨的小部件,雖然有幾個提供更多的一個特定顏色的複雜細節。預設情況下,頁面選擇隨機顏色,但這可以透過鍵入直接的十六進位制RGB值或從一系列顏色選擇器中進行選擇來進行調整。

Screenshot showing the color picker from Coolors.co

選定顏色後,您將看到從RGB到XYZ的所有各種表示。變化將顯示類似的替代顏色調整的陰影,色調,或溫度等。

相關:Mac最佳顏色選取程式

這一部分更為全面,涉及不同的顏色協調(如互補),色盲模擬器,對比度檢查器,以瞭解如何執行白色或黑色背景上的文字顏色。

Screenshot showing the color picker from Coolors.co

匯出調色盤

無論是檢視現有調色盤還是建立自己的調色盤,您都可以選擇以多種格式匯出它,包括:

  • CSS複製並貼上到樣式表中
  • 影象檔案,包括SVG
  • 顯示調色盤的PDF

如果你曾經在便箋上草草寫過一個六個字元的程式碼,或者給別人發過一個RGB三元組,你就會意識到這是多麼省時,尤其是在更廣泛的團隊中使用時。

An example palette exported from Coolors

當您將調色盤匯出為PDF時,Coolors會為您提供許多自定義選項,其中一些選項包括調色盤中每種顏色的標籤以及從各種顏色空間包含的示例集。

它並不像一個完整的設計工作室可能產生的那樣複雜,但是它非常適合包含在設計文件中。

使用冷卻器管理調色盤

Coolors是一個功能出人意料的全功能網站,為休閒色彩師和專心致志的設計師提供了大量的服務。

這個網站是一個現代的網路應用程式,你可以想象有多少種顏色供你選擇。儘管細節可能令人望而生畏,但該網站的訪問許可權足以讓非專家也受益。

  • 發表於 2021-03-29 03:54
  • 閱讀 ( 39 )
  • 分類:IT

你可能感興趣的文章

紅色(red)和綠色防凍劑(green antifreeze)的區別

...紅色和綠色防凍液 防凍劑是一種用作新增劑的化合物。使用防凍劑的目的是降低冷卻液的冰點和沸點。紅色和綠色防凍液的關鍵區別在於紅色防凍液比綠色防凍液更持久。 防凍劑以乙二醇和丙二醇為基礎。當防凍劑與水一起使...

  • 發佈於 2020-10-18 22:00
  • 閲讀 ( 54 )

4款移動應用程式,用於繪製和規劃您的縮影收藏

...讓你的身材“準備好遊行了!”“按顏色繪製”功能教您如何建立特定的著色和效果。還有一個庫存,這樣你就可以跟蹤你已經擁有的油漆。您可以透過條形碼掃描油漆或在庫中搜索。最後,新增你需要的油漆,但還沒有到一個...

  • 發佈於 2021-03-11 09:06
  • 閲讀 ( 43 )

如何使用iphone或ipad將apple touch bar克隆新增到windows

...選項取代了功能鍵。這似乎不是什麼大事,但如果你知道如何使用它,它可以幫助你更快地工作。它與照片和影片編輯器、web瀏覽器、演示軟體以及各種其他應用程式配合得很好。 ...

  • 發佈於 2021-03-14 18:14
  • 閲讀 ( 48 )

建立動畫gif的快速photoshop教程

...電影禮物。對一些人來說,這回避了一個問題:“人們是如何創造這些東西的?”如果你曾經想把你的線上狀態從臨時新手到經驗豐富的教育家或藝人,請繼續閱讀! ...

  • 發佈於 2021-03-17 04:08
  • 閲讀 ( 50 )

如何找到完美的配色方案或組合而不費吹灰之力

一個好的設計的關鍵是選擇一個有趣的調色盤,有很多有用的工具來建立調色盤。一種接近你的調色盤的方法是考慮對比色。雖然你可以花上幾個小時看圖片,樣品,顏色樣本,等等,hellocolor是一個網站,它的目的是使這個過...

  • 發佈於 2021-03-17 05:02
  • 閲讀 ( 39 )

最好的snapchat繪圖以及如何繪製它們

...使用它來創造搞笑的模因和故事。在本文中,我們將解釋如何利用Snapchat,並分享一些可以複製的有趣的Snapchat繪圖。 ...

  • 發佈於 2021-03-20 00:08
  • 閲讀 ( 59 )

如何在adobe photoshop中建立自定義調色盤

...喜歡adobephotoshop的預設色樣呢?考慮到這一點,下面介紹如何在Photoshop中建立自定義調色盤。 ...

  • 發佈於 2021-03-20 18:23
  • 閲讀 ( 47 )

如何使用adobecapture來設計現實生活中的元素

...如噪音,抗鋸齒,和淡入淡出,你的畫筆來調整你的畫筆如何準確地表現你的筆劃。“最佳化”然後允許您使用初始影象調整筆劃的強度,以防最初出錯。最後,您可以將畫筆儲存到庫中以供以後使用。 ...

  • 發佈於 2021-03-23 19:29
  • 閲讀 ( 51 )

如何使用魔咒製作吸引眼球的instagram故事

... 如何使用魔咒 ...

  • 發佈於 2021-03-27 07:16
  • 閲讀 ( 43 )

如何使畫素藝術:最終初學者指南

... 為了給你一個起點,這裡有一個逐步的教程,告訴你如何開始你的專案。你完全可以隨心所欲地跟隨,跳過一些步驟,或者新增自己的步驟。 ...

  • 發佈於 2021-03-29 02:35
  • 閲讀 ( 56 )
kwgruk5743
kwgruk5743

0 篇文章

作家榜

  1. admin 0 文章
  2. 孫小欽 0 文章
  3. JVhby0 0 文章
  4. fvpvzrr 0 文章
  5. 0sus8kksc 0 文章
  6. zsfn1903 0 文章
  7. w91395898 0 文章
  8. SuperQueen123 0 文章

相關推薦