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

更新於 發佈於 閱讀時間約 1 分鐘
#HSB色彩模式 #色彩模式 #設計知識
課堂上常常上完課,同學還是把RGB、CMYK、HSB等等之類的內容混攪在一起,這邊單獨拉出來發一篇~ 快來看🤓
HSB色彩模式常見於設計軟體、多媒體軟體這一類中,非常方便直覺性、視覺看到顏色明暗深淺的直觀調整。
H色相
S飽和度
B明度(亮度)
不過把圖檔輸出成JPG、PNG之類的數位圖檔後,就會是RGB色彩模式囉~
因為方格子這邊沒辦法直接上傳影片,所以另外影片小講義請至IG貼文中看https://www.instagram.com/p/CjNSHXELFgo/
(其他的色彩模式之後再做小講義吧)
#色彩 #HSB #鳴之設計事務所
此篇文章會顯示動態置底廣告
為什麼會看到廣告
avatar-img
20會員
25內容數
嗨~ 我是 Anita裴恩,隸屬於鳴之視覺事務所,平常是電腦補習班的講師,有接企業教育訓練、政府職訓課程、業界產學合作相關課程。 方格子沙龍預計會發佈教學文章、知識分享、旅遊紀錄、旅行規劃筆記、個人想法等等,想要不設限的多方發展~ 若有課程接洽邀約,請洽詢 boshiou@gmail.com ,謝謝
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Anita 裴恩的沙龍 的其他內容
Photoshop天空取代教學,超簡單容易的天空取代功能,出去玩拍照遇到陰天、晴空無雲,又想要拍出的照片有雲霞、朵朵白雲,甚至是替換成夕陽雲彩或黑壓壓的烏雲嗎?用這個方法較能夠輕易做到唷!
無論是上台報告、講師授課、企劃提案,總會遇到要在簡報中插入網址、行動條碼的時候,大家之前是不是都上網找QRcode製作→貼網址→製作→下載(或複製圖片)→插入圖片到簡報中呢?有時候還會因為要使用很多行動條碼圖片進簡報裡,還插入(複製貼上)錯誤的圖片,一個一個檢查也好累(對吧?) 快來看看好用教學!
字體的字重,英文名為Font Weight ,用來標明相同字體的不同粗細。 常見的字重類型如下,有特細 - 中等 - 常規(一般) - 粗 - 超級粗之類的,但不一定你使用的字體有這麼多種字重。
網頁常用圖檔格式:JPG、PNG、GIF、SVG、WEBP五種~ 快來認識~
課程中有時候會帶學生用剪映專業版(電腦版)軟體進行影音剪輯,主因是剪映是免費軟體、功能好用、甚至有語音識別快速生成字幕的功能,但唯一的缺點是剪映是簡體軟體,語音識別產出的字幕也都是簡體字,若要一個一個手動更改為繁體實在太累了~ 這邊教大家不用三分鐘快速替換系統預設字,輕鬆實現簡轉繁字幕~(教學影片在
常常遇到學生或是網路上有人在詢問,如何將自己常用的自訂色票固定在Illustrator工作區中,開新檔案或是開啟舊檔時也能持續使用同樣的色票,大家都不想一直重複「載入色票「這個動作,設定方法很簡單,快來看文章~
Photoshop天空取代教學,超簡單容易的天空取代功能,出去玩拍照遇到陰天、晴空無雲,又想要拍出的照片有雲霞、朵朵白雲,甚至是替換成夕陽雲彩或黑壓壓的烏雲嗎?用這個方法較能夠輕易做到唷!
無論是上台報告、講師授課、企劃提案,總會遇到要在簡報中插入網址、行動條碼的時候,大家之前是不是都上網找QRcode製作→貼網址→製作→下載(或複製圖片)→插入圖片到簡報中呢?有時候還會因為要使用很多行動條碼圖片進簡報裡,還插入(複製貼上)錯誤的圖片,一個一個檢查也好累(對吧?) 快來看看好用教學!
字體的字重,英文名為Font Weight ,用來標明相同字體的不同粗細。 常見的字重類型如下,有特細 - 中等 - 常規(一般) - 粗 - 超級粗之類的,但不一定你使用的字體有這麼多種字重。
網頁常用圖檔格式:JPG、PNG、GIF、SVG、WEBP五種~ 快來認識~
課程中有時候會帶學生用剪映專業版(電腦版)軟體進行影音剪輯,主因是剪映是免費軟體、功能好用、甚至有語音識別快速生成字幕的功能,但唯一的缺點是剪映是簡體軟體,語音識別產出的字幕也都是簡體字,若要一個一個手動更改為繁體實在太累了~ 這邊教大家不用三分鐘快速替換系統預設字,輕鬆實現簡轉繁字幕~(教學影片在
常常遇到學生或是網路上有人在詢問,如何將自己常用的自訂色票固定在Illustrator工作區中,開新檔案或是開啟舊檔時也能持續使用同樣的色票,大家都不想一直重複「載入色票「這個動作,設定方法很簡單,快來看文章~
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
本章介紹了 CSS 中的顏色和背景屬性,包括文本顏色的設置方法、背景顏色和背景圖片的應用、背景重複和位置的配置,以及線性漸變和徑向漸變的使用。這些知識將幫助你更靈活地設計和美化網頁。
Thumbnail
如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
Thumbnail
在設計與印刷的領域,製作特別色完稿檔案是其中一項重要的技能。這一節將詳細說明如何使用基本油墨 CMYK 來製作特別色的完稿檔案,最終再將其置換成特別色。這種方法運用了常見的彩色印刷技術,是一個容易入門且最安全的方法。 首先,我們需要挑選基本油墨 CMYK 中的幾個色版來暫代特別色色版進行完稿檔案的
Thumbnail
近期畫人像變多了,構圖是一方面,難的我覺得還是色彩的選擇,因為色彩搭配是滿複雜的一個系統,老師通常都可以選很多我不敢用的顏色,調出來的效果也很好。
Thumbnail
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
Thumbnail
對於設計師來說,理解並應用正確的顏色模型變得越來越重要。本篇要分享給各位的是,如何使用Canva工具來校對CMYK顏色,這不僅是設計的基礎元素之一,更是溝通與表達創意的關鍵。然而,很多人可能會困惑為什麼他們在屏幕上看到的顏色與印刷出來的顏色常常不符。這主要是因為螢幕(RGB顏色模型)和印刷設備(CM
Thumbnail
Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
Thumbnail
色彩的魔力- 說到設計繪圖工具,Adobe Illustrator(AI)與Photoshop(PS)可說是設計師的得力助手!然而,在進行設計時,我們經常需要注意色彩模式的選擇。AI、PS等工具提供的CMYK、點陣圖、灰階等模式,都有其特殊用途。特別要留意的是,不同的色彩模式在呈現上有著微妙的差異
Thumbnail
在數位設計的世界中,我們總是被色彩所包圍,而其中一個關鍵的元素就是色彩描述檔(又稱:描述檔、ICC色彩描述檔)。 它是一個將印表機、螢幕等裝置具備的色域資訊數值化的檔案唷!或許你也曾經思考過,當我們看到[R:0/G:0/B:255]或是[C:100%/M:100%/Y:0%]這樣的數值時,心中
Thumbnail
用photoshop製圖時常會用到混和模式的效果, 但切成網頁圖片時,卻呈現不出來,例如光暈旁邊都會帶黑邊, 最近看到一個css3的混色模式可以達成這樣的效果...
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
本章介紹了 CSS 中的顏色和背景屬性,包括文本顏色的設置方法、背景顏色和背景圖片的應用、背景重複和位置的配置,以及線性漸變和徑向漸變的使用。這些知識將幫助你更靈活地設計和美化網頁。
Thumbnail
如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
Thumbnail
在設計與印刷的領域,製作特別色完稿檔案是其中一項重要的技能。這一節將詳細說明如何使用基本油墨 CMYK 來製作特別色的完稿檔案,最終再將其置換成特別色。這種方法運用了常見的彩色印刷技術,是一個容易入門且最安全的方法。 首先,我們需要挑選基本油墨 CMYK 中的幾個色版來暫代特別色色版進行完稿檔案的
Thumbnail
近期畫人像變多了,構圖是一方面,難的我覺得還是色彩的選擇,因為色彩搭配是滿複雜的一個系統,老師通常都可以選很多我不敢用的顏色,調出來的效果也很好。
Thumbnail
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
Thumbnail
對於設計師來說,理解並應用正確的顏色模型變得越來越重要。本篇要分享給各位的是,如何使用Canva工具來校對CMYK顏色,這不僅是設計的基礎元素之一,更是溝通與表達創意的關鍵。然而,很多人可能會困惑為什麼他們在屏幕上看到的顏色與印刷出來的顏色常常不符。這主要是因為螢幕(RGB顏色模型)和印刷設備(CM
Thumbnail
Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
Thumbnail
色彩的魔力- 說到設計繪圖工具,Adobe Illustrator(AI)與Photoshop(PS)可說是設計師的得力助手!然而,在進行設計時,我們經常需要注意色彩模式的選擇。AI、PS等工具提供的CMYK、點陣圖、灰階等模式,都有其特殊用途。特別要留意的是,不同的色彩模式在呈現上有著微妙的差異
Thumbnail
在數位設計的世界中,我們總是被色彩所包圍,而其中一個關鍵的元素就是色彩描述檔(又稱:描述檔、ICC色彩描述檔)。 它是一個將印表機、螢幕等裝置具備的色域資訊數值化的檔案唷!或許你也曾經思考過,當我們看到[R:0/G:0/B:255]或是[C:100%/M:100%/Y:0%]這樣的數值時,心中
Thumbnail
用photoshop製圖時常會用到混和模式的效果, 但切成網頁圖片時,卻呈現不出來,例如光暈旁邊都會帶黑邊, 最近看到一個css3的混色模式可以達成這樣的效果...