色彩學|什麼是HSB色彩模式

更新於 發佈於 閱讀時間約 1 分鐘
raw-image
raw-image

#HSB色彩模式 #色彩模式 #設計知識

課堂上常常上完課,同學還是把RGB、CMYK、HSB等等之類的內容混攪在一起,這邊單獨拉出來發一篇~ 快來看🤓

HSB色彩模式常見於設計軟體、多媒體軟體這一類中,非常方便直覺性、視覺看到顏色明暗深淺的直觀調整。

H色相

S飽和度

B明度(亮度)

不過把圖檔輸出成JPG、PNG之類的數位圖檔後,就會是RGB色彩模式囉~

因為方格子這邊沒辦法直接上傳影片,所以另外影片小講義請至IG貼文中看https://www.instagram.com/p/CjNSHXELFgo/

(其他的色彩模式之後再做小講義吧)

#色彩 #HSB #鳴之設計事務所


留言
avatar-img
留言分享你的想法!
avatar-img
Anita 裴恩的沙龍
21會員
25內容數
嗨~ 我是 Anita裴恩,隸屬於鳴之視覺事務所,平常是電腦補習班的講師,有接企業教育訓練、政府職訓課程、業界產學合作相關課程。 方格子沙龍預計會發佈教學文章、知識分享、旅遊紀錄、旅行規劃筆記、個人想法等等,想要不設限的多方發展~ 若有課程接洽邀約,請洽詢 boshiou@gmail.com ,謝謝
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
Thumbnail
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
Thumbnail
對於設計師來說,理解並應用正確的顏色模型變得越來越重要。本篇要分享給各位的是,如何使用Canva工具來校對CMYK顏色,這不僅是設計的基礎元素之一,更是溝通與表達創意的關鍵。然而,很多人可能會困惑為什麼他們在屏幕上看到的顏色與印刷出來的顏色常常不符。這主要是因為螢幕(RGB顏色模型)和印刷設備(CM
Thumbnail
對於設計師來說,理解並應用正確的顏色模型變得越來越重要。本篇要分享給各位的是,如何使用Canva工具來校對CMYK顏色,這不僅是設計的基礎元素之一,更是溝通與表達創意的關鍵。然而,很多人可能會困惑為什麼他們在屏幕上看到的顏色與印刷出來的顏色常常不符。這主要是因為螢幕(RGB顏色模型)和印刷設備(CM
Thumbnail
在數位設計的世界中,我們總是被色彩所包圍,而其中一個關鍵的元素就是色彩描述檔(又稱:描述檔、ICC色彩描述檔)。 它是一個將印表機、螢幕等裝置具備的色域資訊數值化的檔案唷!或許你也曾經思考過,當我們看到[R:0/G:0/B:255]或是[C:100%/M:100%/Y:0%]這樣的數值時,心中
Thumbnail
在數位設計的世界中,我們總是被色彩所包圍,而其中一個關鍵的元素就是色彩描述檔(又稱:描述檔、ICC色彩描述檔)。 它是一個將印表機、螢幕等裝置具備的色域資訊數值化的檔案唷!或許你也曾經思考過,當我們看到[R:0/G:0/B:255]或是[C:100%/M:100%/Y:0%]這樣的數值時,心中
Thumbnail
PH預設CMYK為Japan Color 2001 Coated(日本色域)也是台灣常用色域,基本很少會更換。除非有接到美國來的稿件,才會更改色域US. Sheetfed Coated v2。 日本色域---偏藍 美國色域---偏紅 如果在開檔時出現警告與電腦中描述檔不符時才要注意。 RGB轉換CM
Thumbnail
PH預設CMYK為Japan Color 2001 Coated(日本色域)也是台灣常用色域,基本很少會更換。除非有接到美國來的稿件,才會更改色域US. Sheetfed Coated v2。 日本色域---偏藍 美國色域---偏紅 如果在開檔時出現警告與電腦中描述檔不符時才要注意。 RGB轉換CM
Thumbnail
最近好幾位闆闆真是十八般武藝樣樣精通!!LOGO、包裝通通都要自己設計! 對稿時有時候會遇到檔案顏色格式設定錯誤的問題,如果你也想要自己設計,不妨看一下可以讓你少花很多冤枉的時間喔!!
Thumbnail
最近好幾位闆闆真是十八般武藝樣樣精通!!LOGO、包裝通通都要自己設計! 對稿時有時候會遇到檔案顏色格式設定錯誤的問題,如果你也想要自己設計,不妨看一下可以讓你少花很多冤枉的時間喔!!
Thumbnail
常常聽到的RGB色彩,是什麼呢?這篇超簡單說明給你~
Thumbnail
常常聽到的RGB色彩,是什麼呢?這篇超簡單說明給你~
Thumbnail
#HSB色彩模式 #色彩模式 #設計知識 課堂上常常上完課,同學還是把RGB、CMYK、HSB等等之類的內容混攪在一起,這邊單獨拉出來發一篇~ 快來看🤓
Thumbnail
#HSB色彩模式 #色彩模式 #設計知識 課堂上常常上完課,同學還是把RGB、CMYK、HSB等等之類的內容混攪在一起,這邊單獨拉出來發一篇~ 快來看🤓
Thumbnail
影像中的紋理要很自然的合成到另一影像之中,可以利用由色板上找到影像細節的選取範圍,再利用選取範圍製造出特殊效果。 Step1. 開啟範例練習檔,在材質素材圖的色版浮動視窗上,一一檢視每個分色色版,檢視發現在紅色分色版上有較佳的紋理,所以請點取紅色分色版。 在紅色色版上按下滑鼠右鍵,選擇執行「複製
Thumbnail
影像中的紋理要很自然的合成到另一影像之中,可以利用由色板上找到影像細節的選取範圍,再利用選取範圍製造出特殊效果。 Step1. 開啟範例練習檔,在材質素材圖的色版浮動視窗上,一一檢視每個分色色版,檢視發現在紅色分色版上有較佳的紋理,所以請點取紅色分色版。 在紅色色版上按下滑鼠右鍵,選擇執行「複製
Thumbnail
在色版上可以使用調整色彩指令,來改變分色色版上的黑灰白分佈,如「曲線」、「亮度對比」、「臨界值」、「色調分離」、「負片效果」等調整分色色版的黑灰白分佈,也可以處理出特別的影像顏色效果。 Step1. 開啟範例練習檔,執行「視窗」→「色版」開啟色版浮動視窗。由於色彩模式是RGB,所以在色版浮動視窗上會
Thumbnail
在色版上可以使用調整色彩指令,來改變分色色版上的黑灰白分佈,如「曲線」、「亮度對比」、「臨界值」、「色調分離」、「負片效果」等調整分色色版的黑灰白分佈,也可以處理出特別的影像顏色效果。 Step1. 開啟範例練習檔,執行「視窗」→「色版」開啟色版浮動視窗。由於色彩模式是RGB,所以在色版浮動視窗上會
Thumbnail
Photoshop開啟影像檔案時,在色版浮動視窗上(視窗>色版)會自動顯示色彩資訊色版,影像的色彩模式會決定所建立的色版數目,每個色版內容皆以八個位元(256色)的灰階影像描述顏色。 依檔案的色彩模式,色版浮動視窗上會顯示「複合色版」與「分色色版」。例如,RGB 影像有每一種色彩的分色色版 (紅色、
Thumbnail
Photoshop開啟影像檔案時,在色版浮動視窗上(視窗>色版)會自動顯示色彩資訊色版,影像的色彩模式會決定所建立的色版數目,每個色版內容皆以八個位元(256色)的灰階影像描述顏色。 依檔案的色彩模式,色版浮動視窗上會顯示「複合色版」與「分色色版」。例如,RGB 影像有每一種色彩的分色色版 (紅色、
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News