選單
×
我的 W3Schools 獲取認證 Spaces 教師版 Plus 獲取認證 Spaces 教師版 Plus
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML 顏色組

❮ 上一頁 下一頁 ❯

按顏色組排序的顏色名稱

所有現代瀏覽器都支援以下 140 種顏色名稱（點選顏色名稱或十六進位制值，檢視作為背景色的顏色以及不同的文字顏色）

點選這裡檢視按名稱排序的 140 種顏色

點選這裡檢視按 HEX 值排序的 140 種顏色

粉彩色
顏色名稱 HEX 顏色 陰影 混合
粉色  #FFC0CB   陰影 混合
淺粉色  #FFB6C1   陰影 混合
豔粉色  #FF69B4   陰影 混合
深粉色  #FF1493   陰影 混合
蒼紫羅蘭紅  #DB7093   陰影 混合
中紫羅蘭紅  #C71585   陰影 混合

紫色
顏色名稱 HEX 顏色 陰影 混合
淡紫色  #E6E6FA   陰影 混合
薊色  #D8BFD8   陰影 混合
李子色  #DDA0DD   陰影 混合
蘭花紫  #DA70D6   陰影 混合
紫羅蘭色  #EE82EE   陰影 混合
紫紅色  #FF00FF   陰影 混合
洋紅色  #FF00FF   陰影 混合
中蘭花紫  #BA55D3   陰影 混合
深蘭花紫  #9932CC   陰影 混合
深紫羅蘭色  #9400D3   陰影 混合
藍紫羅蘭色  #8A2BE2   陰影 混合
深洋紅色  #8B008B   陰影 混合
紫色  #800080   陰影 混合
中紫色  #9370DB   陰影 混合
中石板藍  #7B68EE   陰影 混合
石板藍  #6A5ACD   陰影 混合
深石板藍  #483D8B   陰影 混合
麗貝卡紫  #663399   陰影 混合
靛藍色  #4B0082   陰影 混合

紅色
顏色名稱 HEX 顏色 陰影 混合
淺三文魚色  #FFA07A   陰影 混合
三文魚色  #FA8072   陰影 混合
深三文魚色  #E9967A   陰影 混合
淡珊瑚色  #F08080   陰影 混合
印度紅  #CD5C5C   陰影 混合
深紅色  #DC143C   陰影 混合
紅色  #FF0000   陰影 混合
火磚色  #B22222   陰影 混合
深紅色  #8B0000   陰影 混合

橙色
顏色名稱 HEX 顏色 陰影 混合
橙子  #FFA500   陰影 混合
深橙色  #FF8C00   陰影 混合
珊瑚色  #FF7F50   陰影 混合
番茄色  #FF6347   陰影 混合
橙紅色  #FF4500   陰影 混合

黃色
顏色名稱 HEX 顏色 陰影 混合
金色  #FFD700   陰影 混合
黃色  #FFFF00   陰影 混合
淺黃色  #FFFFE0   陰影 混合
檸檬綢  #FFFACD   陰影 混合
淺金菊黃  #FAFAD2   陰影 混合
木瓜鞭色  #FFEFD5   陰影 混合
鹿皮色  #FFE4B5   陰影 混合
桃紅  #FFDAB9   陰影 混合
蒼金菊色  #EEE8AA   陰影 混合
卡其色  #F0E68C   陰影 混合
深卡其色  #BDB76B   陰影 混合

綠色
顏色名稱 HEX 顏色 陰影 混合
綠黃色  #ADFF2F   陰影 混合
黃綠色  #7FFF00   陰影 混合
草坪綠  #7CFC00   陰影 混合
酸橙色  #00FF00   陰影 混合
青檸綠  #32CD32   陰影 混合
蒼綠色  #98FB98   陰影 混合
淺綠色  #90EE90   陰影 混合
中春綠色  #00FA9A   陰影 混合
春綠色  #00FF7F   陰影 混合
中海綠色  #3CB371   陰影 混合
海綠色  #2E8B57   陰影 混合
森林綠  #228B22   陰影 混合
綠色  #008000   陰影 混合
深綠色  #006400   陰影 混合
黃綠色  #9ACD32   陰影 混合
暗橄欖色  #6B8E23   陰影 混合
深橄欖綠  #556B2F   陰影 混合
中海藍色  #66CDAA   陰影 混合
深海綠色  #8FBC8F   陰影 混合
淺海綠色  #20B2AA   陰影 混合
深青色  #008B8B   陰影 混合
水鴨色  #008080   陰影 混合

青色
顏色名稱 HEX 顏色 陰影 混合
水綠色  #00FFFF   陰影 混合
青色  #00FFFF   陰影 混合
淡青色  #E0FFFF   陰影 混合
蒼綠松石色  #AFEEEE   陰影 混合
海藍色  #7FFFD4   陰影 混合
綠松石色  #40E0D0   陰影 混合
中綠松石色  #48D1CC   陰影 混合
深綠松石色  #00CED1   陰影 混合

藍色
顏色名稱 HEX 顏色 陰影 混合
軍官藍  #5F9EA0   陰影 混合
鋼藍色  #4682B4   陰影 混合
淺鋼藍色  #B0C4DE   陰影 混合
淡藍色  #ADD8E6   陰影 混合
粉藍色  #B0E0E6   陰影 混合
淺天藍色  #87CEFA   陰影 混合
天藍色  #87CEEB   陰影 混合
矢車菊藍  #6495ED   陰影 混合
深天藍色  #00BFFF   陰影 混合
道奇藍  #1E90FF   陰影 混合
皇家藍  #4169E1   陰影 混合
藍色  #0000FF   陰影 混合
中藍色  #0000CD   陰影 混合
深藍色  #00008B   陰影 混合
海軍藍  #000080   陰影 混合
午夜藍  #191970   陰影 混合

棕色
顏色名稱 HEX 顏色 陰影 混合
玉米絲色  #FFF8DC   陰影 混合
白杏仁  #FFEBCD   陰影 混合
杏仁白  #FFE4C4   陰影 混合
納瓦霍白  #FFDEAD   陰影 混合
小麥色  #F5DEB3   陰影 混合
原木色  #DEB887   陰影 混合
棕褐色  #D2B48C   陰影 混合
玫瑰棕色  #BC8F8F   陰影 混合
沙棕色  #F4A460   陰影 混合
金菊色  #DAA520   陰影 混合
深金菊色  #B8860B   陰影 混合
秘魯色  #CD853F   陰影 混合
巧克力色  #D2691E   陰影 混合
橄欖色  #808000   陰影 混合
鞍棕色  #8B4513   陰影 混合
赭色  #A0522D   陰影 混合
棕色  #A52A2A   陰影 混合
栗色  #800000   陰影 混合

白色
顏色名稱 HEX 顏色 陰影 混合
白色  #FFFFFF   陰影 混合
雪  #FFFAFA   陰影 混合
蜜露色  #F0FFF0   陰影 混合
薄荷奶油色  #F5FFFA   陰影 混合
蔚藍色  #F0FFFF   陰影 混合
愛麗絲藍  #F0F8FF   陰影 混合
幽靈白  #F8F8FF   陰影 混合
煙白色  #F5F5F5   陰影 混合
海貝色  #FFF5EE   陰影 混合
米色  #F5F5DC   陰影 混合
舊蕾絲色  #FDF5E6   陰影 混合
花卉白  #FFFAF0   陰影 混合
象牙色  #FFFFF0   陰影 混合
古董白  #FAEBD7   陰影 混合
亞麻色  #FAF0E6   陰影 混合
淡紫紅色  #FFF0F5   陰影 混合
薄霧玫瑰色  #FFE4E1   陰影 混合

灰色
顏色名稱 HEX 顏色 陰影 混合
灰白色  #DCDCDC   陰影 混合
淺灰色  #D3D3D3   陰影 混合
銀色  #C0C0C0   陰影 混合
深灰色  #A9A9A9   陰影 混合
暗灰色  #696969   陰影 混合
灰色  #808080   陰影 混合
淺石板灰  #778899   陰影 混合
石板灰  #708090   陰影 混合
深石板灰  #2F4F4F   陰影 混合
黑色  #000000   陰影 混合

❮ 上一頁 下一頁 ❯
PLUS
空格
獲取證書
面向教師
面向企業
聯絡我們
×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業，請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤，或想提出建議，請傳送電子郵件給我們
help@w3schools.com

熱門教程
HTML 教程
CSS 教程
JavaScript 教程
操作方法教程
SQL 教程
Python 教程
W3.CSS 教程
Bootstrap 教程
PHP 教程
Java 教程
C++ 教程
jQuery 教程
熱門參考
HTML 參考
CSS 參考
JavaScript 參考
SQL 參考
Python 參考
W3.CSS 參考
Bootstrap 參考
PHP 參考
HTML 顏色
Java 參考
Angular 參考
jQuery 參考
熱門示例
HTML 示例
CSS 示例
JavaScript 示例
操作方法示例
SQL 示例
Python 示例
W3.CSS 示例
Bootstrap 示例
PHP 示例
Java 示例
XML 示例
jQuery 示例
獲取證書
 HTML 證書
CSS 證書
JavaScript 證書
前端證書
SQL 證書
Python 證書
PHP 證書
jQuery 證書
Java 證書
C++ 證書
C# 證書
XML 證書
論壇 關於 學院
W3Schools 經過最佳化，旨在方便學習和培訓。示例可能經過簡化，以提高閱讀和學習體驗。
教程、參考資料和示例會不斷審查，以避免錯誤，但我們無法保證所有內容的完全正確性。
使用 W3Schools 即表示您已閱讀並接受我們的使用條款、Cookie 和隱私政策。

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援。