配色方案產生器
選一個顏色,它就照色環規則推出跟它配得上的顏色 —— 補色、鄰近色、三角配色。用規則挑而不是憑眼睛挑,方案就不至於跑偏。
🎨 全部在你的瀏覽器裡執行。不用裝,也不用註冊。
鄰近色
色環上挨著的顏色。自然又舒服,適合背景和內文這類大面積的地方。
配色比例 60:30:10
色選完之後的事更要緊。大面積背景占 60%,輔助色 30%,強調色 10% —— 同樣一組顏色,這樣用起來會整齊得多。強調色一超過 30%,就不再是強調了。
這個工具能做什麼
- 補色、鄰近色、三角與四角配色
- 單色系的明度階
- 每個 HEX 都能單獨複製
- 整套方案可複製成 CSS
其他顏色工具
顏色會因螢幕和色彩描述檔而略有差別。