Tailwind drop visual editor ux colours
- #425cf9
- #82bcf1
- #711816
- #af8569
- #d8b9a6
- #2c365a
創建於 09/08/2021 15:41
調色盤由 半暗, 淺色, 深色 種顏色組成. 強調色 #425cf9 和 #711816. 調色盤有 冷色, 暖色 色溫.
依亮度,此調色盤由 #2C365A(最深)到 #D8B9A6(最淺)。 亮度範圍中等。
飽和度落在中等區間,平均約 57%。
部分顏色在色輪上大致相對,為調色盤帶來互補對比。
冷暖色票大致平衡(3 暖、3 冷)。
HEX 代碼(排序):#2C365A, #425CF9, #711816, #82BCF1, #AF8569, #D8B9A6
調色盤 Tailwind drop visual editor ux colours 具有 6 程式碼顏色的組合:
HEX: #425cf9, RGB: (66, 92, 249); HEX: #82bcf1, RGB: (130, 188, 241); HEX: #711816, RGB: (113, 24, 22)
HEX: #af8569, RGB: (175, 133, 105); HEX: #d8b9a6, RGB: (216, 185, 166); HEX: #2c365a, RGB: (44, 54, 90)
調色板顏色的簡化版本
暗色調 皇家藍, 暗色調 淺天藍色, 淺色調 栗色, 暗色調 秘魯色, 淺色調 棕褐色, 暗色調 暗岩藍色
配色方案是由 colorswall
調色盤中的顏色代碼
Tailwind drop visual editor ux colours 表中顏色代碼 HEX、RGB 訊息
色彩調色板對比度
5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#425cf9 | #af8569 | 1.54 |
#82bcf1 | #af8569 | 1.63 |
#82bcf1 | #d8b9a6 | 1.09 |
#711816 | #2c365a | 1.03 |
#af8569 | #d8b9a6 | 1.78 |
圖像調色板 Tailwind drop visual editor ux colours png
匯出調色盤
下載 "Tailwind drop visual editor ux colours" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
