
- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引用
- HTML - 註釋
- HTML - 顏色
- HTML - 圖片
- HTML - 圖片地圖
- HTML - 內嵌框架
- HTML - 短語元素
- HTML - 元標籤
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表頭與標題
- HTML - 表格樣式
- HTML - 表格 Colgroup
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 圖片連結
- HTML - 郵件連結
- HTML 顏色名稱與值
- HTML - 顏色名稱
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頭部
- HTML - Head 元素
- HTML - 新增 Favicon
- HTML - Javascript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式設計
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 雜項
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二維碼
- HTML - Modernizer
- HTML - 驗證
- HTML - 顏色選擇器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 表格查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
HTML - 顏色程式碼生成器
有時我們需要使用不同的顏色來裝飾我們的 HTML 頁面。HTML 提供了廣泛的屬性,可用於設定背景顏色、字型顏色等等。
要在 HTML 頁面中使用顏色,我們需要選擇有效的顏色程式碼。找到顏色程式碼總是很困難的。如果您腦海中已經有了某種顏色,下面的工具可以幫助您將其轉換為 rgb 和十六進位制程式碼。
HTML 顏色選擇器
我們可以使用紅色、綠色和藍色的組合來建立任何顏色。如果我們將三種顏色的強度都設定為最大,則結果顏色將為白色。類似地,如果我們為所有 RGB 值賦予零強度,我們將獲得黑色。
當前顏色值
十六進位制:#fff
RGB:255, 255, 255
RGBA:255, 255, 255, 1
HSL:0, 0%, 100%
rgb() 函式接受三個引數,分別是紅色值、綠色值和藍色值。每個值都使用一個整數指定,該整數的範圍可以是 0 到 255,其中 0 表示無顏色,255 表示完全的顏色強度。混合這些值將建立其他不同的顏色。
HSL 顏色程式碼生成器
HSL 顏色模型代表色相、飽和度和亮度。色相是顏色型別,以 0 到 360 度為單位測量。飽和度是顏色的強度,從 0%(灰色)到 100%(全色)。亮度是顏色的亮度,從 0%(黑色)到 100%(白色)。透過調整這三個值,我們可以建立各種各樣的顏色。與 RGB 模型相比,此模型通常被認為更直觀地選擇顏色。
HSL(色相、飽和度、亮度)
色相 |
|
飽和度 |
|
亮度 |
|
相關主題
要了解更多有關顏色的資訊,您可以閱讀以下列出的文章。
廣告