黃綠色——含義、調色板、互補色和和諧
探索 黃綠色 （HTML #7FFF00）：心理學， 色輪 （互補、類似、三元）、可訪問 顏色組合和準備好的調色板。轉變 十六進位, RGB, HSL，複製 CSS 變量，然後下載調色板 PNG。
黃綠色
色輪
互補色
色彩和諧
匹配顏色
提示：按 進入 在任何字段中更新所有值。
黃綠色一覽
意義與心理學
黃綠色將綠色的自然能量與黃色的樂觀情緒融為一體。它標誌著科技、健身、食品和生態品牌的新鮮度和創新。
對比度和易讀性
作為一種鮮豔的顏色，它需要深沉的對應物。嘗試使用木炭色、黑色、靛藍色或洋紫色來打造易於訪問的 UI 元素和 CTA。
對比檢查（白色）
—
對比檢查（黑色）
—
黃綠色調色板
自動生成 色調 （更白）， 色調 （更黑），以及 音調 （更多灰色）。單擊任意樣本以復制十六進製或將所有樣本導出為 CSS 變量。您還可以下載調色板 PNG。
色調
色調
音調
色輪和諧
探索 補充 對， 類似的 鄰居，以及 三元的 這套黃綠色。這些組合可幫助您找到搭配得當的顏色。
補充
相反的東西會產生高影響力的號召性用語。深洋紅色和紫色搭配得很好。
類似的
黃綠色周圍的鄰居給人一種清新、有機的感覺。
三元組
均勻的間距為儀表板提供了平衡的對比度。
特徵
- 同步 十六進制 ↔ RGB ↔ HSL 轉換。
- 生成的調色板： 色調, 色調, 音調。
- 色輪和諧： 補充, 類似的, 三元的。
- 一鍵式 CSS 變量 並可下載 PNG 調色板。
應用領域
Chartreuse 致力於可持續發展線索、健康和健身、新鮮食品以及技術 UI 創新。用木炭色、海軍藍、黑色或深紫色來平衡它。保留它用於強調、徽章、進度狀態和突出顯示卡。
如何使用
- 輸入十六進制（例如
#7FFF00) 或 RGB/HSL 值並按 進入。 - 單擊任何樣本以復制其十六進制。嘗試互補或三元組進行對比。
- 下載調色板 PNG 或複制適用於您的設計系統的 CSS 變量。
- 檢查對比度（白/黑）以保持黃綠色 UI 中的文本可讀。
常問問題
黃綠色適合搭配哪些顏色？
木炭色、黑色、靛藍色、深紫色、品紅色紫色和冷灰色。對於柔和的搭配，可以添加淡奶油和薄荷糖。
黃綠色的相反顏色是什麼？
RGB/HSL 輪上的洋紫相反可提供最強的對比度。為可訪問的按鈕選擇更深的顏色。
黃綠色適合正文嗎？
通常在淺色背景上不會。強調色、圖標和亮點時保持黃綠色；在淺黃綠色表面上使用深色文字。
內容上次更新時間：2025 年 11 月 18 日。