創建於 06/09/2025 15:32
CSS Variable Design Language
Variable Violet
#7209b7
Root Ivory
#fcfaf9
Nested Teal
#00bfa6
Token Rust
#c97b84
State Sapphire
#577590
Logic Linen
#f8f4ea
調色盤由 黑暗的, 光 種顏色組成. 強調色 Nested Teal #00bfa6 和 Logic Linen #f8f4ea. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.
調色盤 CSS Variable Design Language 具有 6 程式碼顏色的組合:
十六進位: #7209b7, RGB: (114, 9, 183); 十六進位: #fcfaf9, RGB: (252, 250, 249); 十六進位: #00bfa6, RGB: (0, 191, 166)
十六進位: #c97b84, RGB: (201, 123, 132); 十六進位: #577590, RGB: (87, 117, 144); 十六進位: #f8f4ea, RGB: (248, 244, 234)
調色板顏色的簡化版本
色調 darkviolet, 陰影 whitesmoke, 色調 lightseagreen, 色調 palevioletred, 色調 slategrey, 色調 floralwhite
配色方案是由 colorday
調色盤中的顏色代碼
CSS Variable Design Language 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #7209b7 | #7209b7 | RGB(114, 9, 183) | Variable Violet | — |
| #fcfaf9 | #fcfaf9 | RGB(252, 250, 249) | Root Ivory | — |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Nested Teal | — |
| #c97b84 | #c97b84 | RGB(201, 123, 132) | Token Rust | — |
| #577590 | #577590 | RGB(87, 117, 144) | State Sapphire | — |
| #f8f4ea | #f8f4ea | RGB(248, 244, 234) | Logic Linen | — |
色彩調色板對比度
4 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#7209b7 | #577590 | 1.78 |
#fcfaf9 | #f8f4ea | 1.05 |
#00bfa6 | #c97b84 | 1.35 |
#c97b84 | #577590 | 1.52 |
