色彩学概说 57.pptVIP

2005/09 色彩學概說　王秀芬 2001/11 世新大學　色彩學 王秀芬 色 彩 學 概 說 課程大綱 色彩基本認識 光與色彩 1666年，牛頓以三稜鏡分解太陽光，發現看似無色的光線，經過三稜鏡時，會依其波長和折射關係， 依序分為紅、橙、黃、綠、藍、靛、紫七色光 光與色彩 光的物理性質： 波長： 產生色相的區別 波長短的偏藍，波長長的偏紅 振幅： 產生明暗的區別 振幅大的偏亮，振幅小的偏暗 光與色彩 光與色彩 人類的視覺機能： 桿狀細胞：對光線的 明暗 有感應 錐狀細胞：含有感受 紅、綠、藍 光三原色的細胞﹙色盲？﹚ 光與色彩 一般人眼中的草莓 紅綠色盲者眼中的草莓 光與色彩 色光三原色 RGB 紅 Red 綠 Green 藍 Blue 加色法 越加越亮﹙白﹚ 光與色彩 色料三原色 ( 印刷工業色 CMYK ) 天青 Cyan 洋紅 Magenta 黃　 Yellow 黑　 Black 減色法 越加越暗﹙黑﹚ 光與色彩 RGB CMYK 色彩三屬性 色相 Hue 色彩的相貌，不同的相貌各有其名稱 明度 Value 、Brightness 即色彩的明暗程度，光線反射率多時明度較高 彩度 Chroma、Saturation 色彩的飽和程度或純粹度 何謂 “數位影像處理”？ 處理結果：改變像素的色彩值 色彩三要素： H色相、S彩度、 B明度 何謂 “數位影像處理”？ 處理結果：改變像素的色彩值 色彩三要素： H色相、S彩度、 B明度 何謂 “數位影像處理”？ 處理結果：改變像素的色彩值 色彩三要素： H色相、S彩度、 B明度 色彩三屬性 -- 色相 色彩三屬性 -- 明度 在無彩度中，明度最高是白色，最低是黑色，其間為各種深淺的灰色 色彩三屬性 -- 彩度 純色彩度最高，混色（不論白、灰、黑或有彩色）越多越降低其彩度 色彩三屬性 色相、明度、彩度三種不同的稱呼 HVC：Hue、Value 、 Chroma HSV：Hue、Saturation 、Value HSL：Hue、Saturation 、 Lightness 色彩三屬性 【練習】 以下哪一色的 明度 較高？哪一色的 彩度 較高？ 　　　A. 40% 純紅＋ 60% 白 　　　B. 60% 純紅＋ 40% 黑 色彩三屬性 -- 練習 Photoshop→ 影像→ 調整→ 色相／飽和度 色彩種類 無彩色 黑、灰、白 有彩色 即色相上所列之色彩，如紅、黃、藍等 獨立色 即印刷上所謂的「特別色」如金、銀、螢光色等 色彩模型 之一例 -- 色立體 將色彩的三屬性，予以系統的排列，組成一個三度空間的立體形狀色彩分類結構圖： 以明度為垂直軸，愈上方明度越高 以彩度為水平軸，愈接近明度軸彩度越低 色相環 色彩 數位影像 色彩深度 1 位元 黑　白 黑白 2 色變化 8 位元 灰　階 256 色灰階變化 16 位元 高　彩 65,536 種彩色變化 24 位元 全　彩 16,777,216 種彩色變化 ---------------------------------------------------------- 8 位元 索引色 最高 256 種變化 色彩深度 -- 1 位元 (bit) 21=2 黑白 2 色變化 色彩深度 -- 2 位元 (bits) 22=4 黑灰白 4 階變化 色彩深度 -- 8 位元 (bits) 28=256 256 灰階變化 Photoshop CS 版 -- 16 位元 (bits) 28=256 216=65,536 色彩深度 -- 24 位元 (bits) 28 x 28 x 28 =16,777,216 色彩深度 -- 索引色 最多 256 色 ﹙另行說明﹚ 色彩深度 -- 索引色 網頁安全色彩（216色） 網頁安全色彩（216色） 網頁的色彩標示採 “RRGGBB” 16進位制，每色由 “00” （最暗）至 “FF” （最亮） 網頁的安全色彩為 R、G、B 值各為以下6 種值之一： “00”、 “33”、 “66”、 “99”、 “CC”、 “FF” 共 6 × 6× 6＝216 《參考》color.htm 色彩的選擇 網頁的色彩標示採 “RRGGBB” 16進位制表示法 (0~F) 色彩深度 -- 練習 顏色的設定 Photoshop 色名／色彩的表達 茶花紅 海棠紅 枸杞紅 滿江紅 潤紅 緋紅 雞血石紅 猩猩紅 曙色 芙蓉紅 落霞紅 朱紅 產品的色系 -- 色彩名稱 你可以根據下列名稱，想像出它的顏色嗎？ 巧克力蛋白杏仁色 咖啡蜂蜜色 霜白咖啡色 龍舌蘭日出色 東方色 泡泡糖色 西瓜色 天使粉紅色 黃金寶貝色 色彩管理 色彩管理