Kigen 是一個 Figma 外掛，用於協助使用者建立設計變數與風格樣式，在 Kigen 開發者網站提供另一項免費工具「Color Generator」也就是調色盤產生器，可以生成一系列好看的顏色配置，只需要輸入喜歡的顏色代碼，透過不同的演算法、對比度變化等選項進行調整，產生各種近似顏色就能將它使用於設計或各種用途。
對於 UI/UX 設計師或開發者來說，Kigen Color Generator 會是個得力助手！產生器生成的顏色會以漸層方式排序，點選色塊就能快速將色碼複製到剪貼簿使用，預設生成 11 種顏色，最大 20 種，支援多種輸出格式如 HEX、RGBA、HSL 和 OKLCH。
其實 Kigen Color Generator 主要功能是創造設計系統中的顏色調色板，特別是與 Tailwind CSS 框架整合，讓使用者能輕鬆產生像 Tailwind 風格的顏色階層。
當然，它也提供其他框架或是設計適用的演算法選項，如果在調整使用者介面、網頁、平面設計時需要色彩靈感，它可以提供各種色彩組合，方便我們從中找尋適合的顏色。
網站資訊
網站名稱：Kigen Color Generator
網站鏈結：https://kigen.design/color
使用教學
開啟 Kigen 顏色產生器，先從左上角「色彩」選項輸入主要顏色，支援 RGB、OKLCH、HSL 色碼輸入格式，亦可使用拖曳方式微調參數。
從生成器中間的選項調整演算法，例如 Tailwind CSS、Radix UI、Ant Design、Lightness Scale 等各種不同的色彩生成方式，下方還有「Contrast Shift」用於調整顏色對比度。
右上角則是色彩命名模式和生成的顏色數量（預設為 11 個，最多 20 個），如果單純只是想生成各種顏色組合，這兩個選項其實就不用調整。
Kigen Color Generator 會在下方快速生成類似的顏色組合，測試幾個演算法大概都是較淺、較深的顏色差異，點選下方的色塊就能將色碼複製到剪貼簿，右上角還有下載為 SVG 和 Figma 適用的格式。
除了生成顏色，Kigen Color Generator 還會產生 CSS、Tailwind、Tailwind 4 和 Tokens 等格式，右上角可調整色彩輸出格式，包括 HEX、RGBA、HSL 和 OKLCH，整體來說非常好用，如果有需要顏色靈感的設計師、開發者不妨試著使用 Kigen 調色盤產生器來尋求各種色彩組合。
