大家好我是為你們推薦實用設計神器的花生~

上一次為大家推薦了配色神器 ——Palettemaker，它能實時將生成的配色方案呈現(xiàn)在UI、插畫、海報等設計模板上，讓設計師對配色效果有直觀的預覽，以此調(diào)整完善配色方案。

今天繼續(xù)為大家推薦另一款好用的在線配色神器 Color Designer，它聚合了色卡生成、漸變色卡、圖片提取顏色、圖片提取色卡、隨機配色等 8 種用途，功能全面實用，讓配色方案的生成更加簡單快捷。

Color Designer

網(wǎng)站直達： https://colordesigner.io/

1. 調(diào)色板功能 Palette Generator

Color Designer 的調(diào)色板功能非常全面，功能靈活便捷，主要包括以下 4 種：

① 便捷的色彩選擇。在主頁頂部的「Swatches」有預設的7個主題色系供用戶選擇，「Color Picker 」內(nèi)可以修改顏色，「Mass Editor」內(nèi)是配色方案中5個顏色的十六進制數(shù)值。

② 預設配色方案。網(wǎng)站提供了60多種配色方案，按不用色彩主題分類，入口在頂部的Color Palettes。選中一種配色方案后，可以點擊調(diào)色板中間的小圖標對顏色進行編輯。

③ 自動生成同色系明暗顏色。定好一個主色后，網(wǎng)站會自動在「Tints」內(nèi)顯示同色系亮調(diào)色，在「Shades」內(nèi)顯示同色系的暗色調(diào)，在「Tones」內(nèi)顯示不同飽和度的顏色，顏色數(shù)量范圍為1~ 40個，對UI設計來說尤其方便。

④ 和諧配色方案。網(wǎng)站提供多種和諧配色方案，如互補色、三角、分割互補、正方形等。

2. 漸變色生成器 Gradient Generator

網(wǎng)站會根據(jù)用戶選定的 2 種顏色，生成 1-40 種中間的漸變色。每個顏色都會給出十六進制色值、RGB 和 HSL 色值，點擊即可復制；點擊 2 種主色的色板可以修改顏色。

3. 色彩混合器 Color Mixer

色彩混合器非常好玩，能顯示不同顏色以不同的比例混合后，會呈現(xiàn)出什么樣的效果。我們可以自己修改和增減顏色，色塊下方的加減號可以修改該顏色所占的比例，調(diào)色板圖標用于改修顏色，垃圾桶圖標可以刪除顏色。

4. 色彩名稱查詢 What color is this?

用數(shù)值表示色彩雖然準確，但也冰冷無趣。但在 Color Designer 你可以查詢到一個色彩在 PANTONE、NTC、HTML 等不同色彩體系匯總的命名。比如#7CFC00 在 HTML 中為 Lawngreen，在 PANTONE 中的命名為 Electric Lime。

5. 顏色格式轉換 Color Converter

支持 5 種顏色格式的任意互相轉換，包括 RGB、HEX、HSL、HSV 和 CMYK。

6. 提取圖片配色方案

根據(jù)上傳的圖片，自動提取顏色生成配色卡。顏色數(shù)量在 1-20 個，生成后每個顏色都有十六進制數(shù)值，可以一鍵復制。

7. 提取圖片色彩

上傳圖片后，我們可以使用取色框提取圖片中任意一部分的色彩值，提供 HEX、RGB 和 HSL 三種顏色格式。

8. 隨機顏色生成器

可以自動生成一組毫無規(guī)律的配色方案，分為完全隨機和自定義（Custom Settings）。在自定義中，我們可以先設置一個主題色和色調(diào)傾向，然后網(wǎng)站就能生成的一組特定色彩，可以作為一個很好的配色靈感工具。

好啦以上就是今天為大家推薦的配色網(wǎng)站 Color Designer，里面包含了生成配色方案、生成漸變色、根據(jù)圖片提取顏色和配色、顏色格式轉換等 8 種工具，此外還提供 Figma 和 XD 插件，非常適合在 UI 設計和矢量插畫中使用。

喜歡這個神器的小伙伴記得點贊收藏，也可以轉發(fā)給身邊有需要朋友 。如果你有關于本文或者設計的相關疑問，可以在評論區(qū)提出，我會第一時間為大家解答 ~

推薦閱讀：