創建於 03/29/2024 13:23
經過raccoon
  76

Bulma CSS Framework colors

primary
#00d1b2
link
#3273dc
info
#209cee
success
#23d160
warning
#ffdd57
danger
#ff3860
登入 將調色板保存在集合中
調色盤由 光 種顏色組成. 強調色 primary #00d1b2 和 warning #ffdd57. 調色盤有 涼爽的, 溫暖的 色溫.
調色盤 Bulma CSS Framework colors 具有 6 程式碼顏色的組合:
十六進位: #00d1b2, RGB: (0, 209, 178); 十六進位: #3273dc, RGB: (50, 115, 220); 十六進位: #209cee, RGB: (32, 156, 238)
十六進位: #23d160, RGB: (35, 209, 96); 十六進位: #ffdd57, RGB: (255, 221, 87); 十六進位: #ff3860, RGB: (255, 56, 96)
調色板顏色的簡化版本
色調 mediumaquamarine, 陰影 royalblue, 陰影 dodgerblue, 陰影 limegreen, 陰影 gold, 色調 indianred
配色方案是由 raccoon

調色盤中的顏色代碼

Bulma CSS Framework colors 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#00d1b2 RGB(0, 209, 178)primary
#3273dc RGB(50, 115, 220)link
#209cee RGB(32, 156, 238)info
#23d160 RGB(35, 209, 96)success
#ffdd57 RGB(255, 221, 87)warning
#ff3860 RGB(255, 56, 96)danger

色彩調色板對比度

10 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#00d1b2
#209cee
1.52
#00d1b2
#23d160
1.03
#00d1b2
#ffdd57
1.46
#00d1b2
#ff3860
1.79
#3273dc
#209cee
1.52
#3273dc
#ff3860
1.29

圖像調色板 Bulma CSS Framework colors PNG

調色盤顏色: 如何使用?

點擊任意顏色即可新增 調色盤
快速調色板
最大 10 個調色板 比較
點擊“比較”圖標 添加調色板 比較列表調色板
比較調色板