# 關於色彩
色環(色輪):將可見光區域的顏色以圓環來表示([維基百科](https://zh.wikipedia.org/zh-tw/%E8%89%B2%E7%92%B0))

## RGB 與 CMYK
### 認識RGB色光三原色

三原色光模式（RGB color model），又稱RGB顏色模型或紅綠藍顏色模型，是一種加色模型，將紅（Red）、綠（Green）、藍（Blue）三原色的色光以不同的比例相加(調整這三種光線的強度就可以讓人類看到所有的顏色 )，以合成產生各種色彩光。[[維基百科](https://zh.wikipedia.org/wiki/%E4%B8%89%E5%8E%9F%E8%89%B2%E5%85%89%E6%A8%A1%E5%BC%8F)]
電視、電腦和手機螢幕是由RGB這三種色光去合成的。色光三原色，數值的範圍為0至255(光的強度)，如R=255，G=0，B=0，則會呈現紅色；R=0，G=255，B=0 ，呈現綠色；R=0，G=0，B=255，則呈現藍色。若將三個數值的變化混合，可形成不同色彩。混合的次數越多 ，則顏色越來越白(越亮)，三種光等量相加可得到白色(如R=80，G=80，B=80)，這樣色光混合相加的結果是越來越亮是為「加法混合」。

CMYK 是一種用於彩色印刷的四色「減色」色彩模型，代表 Cyan（青色）、Magenta（洋紅色）、Yellow（黃色）和 Key/blacK（黑色）。 印刷時，這四種顏色的油墨透過在白紙上疊加來吸收（減去）光線，從而反射出我們看到的顏色。 理論上三原色混合可得黑色，但實際上會加入黑色油墨（K）以獲得更深的黑色、節省成本並增加細節。簡單來說就是三原色混色原理，加上黑色油墨，共計四種顏色混合疊加，形成所謂「全彩印刷」。

### 色碼表示
HEX色碼（十六進位色彩碼）是一種用於網頁設計和數位應用程式的色彩表示法，通常用於HTML和CSS。它是一種將紅（Red）、綠（Green）和藍（Blue）三種顏色的數值轉換為十六進位數的編碼方式。

HEX色碼是以RGB三原色的色彩搭配的16進位表示法，因光的數值從0-255，所以三原色的每個顏色由兩個16位元數值來搭配，16X16共有256種顏色，舉列來說白色指光度最亮，也就是三個顏色都是255(0-255共256)，R-ff+G-ff+B-ff即#ffffff，即為白色;若光度最暗，則是R-00+G-00+B-00即#000000，亦即黑色。

常見的色碼表是分類
* RGB(如上介紹)
* RGBA: 三種色光的值與透明度(Alpha)，三種色光值及透明度範圍在0~255之間，而透明度值0表示完全透明，255則表示完全不透明。
* HSL:即色相、飽和度及亮度，有些軟體會另加上透明度(如Inkscape)，色項值0-360，飽和及亮度則是0%-100%，透明度範圍在0~255之間。(以上的值部分軟體會以0-255之間的值標示。)
* CMYK:四個顏色值範圍為0-100。
[更多介紹參考此(iT邦幫忙)](https://ithelp.ithome.com.tw/articles/10208154)
[HEX色碼|秒懂16 進位原理，快速搭配所需顏色](https://www.shutterstock.com/zh-Hant/blog/how-hex-colors-work)

### 色彩網站
* [NIPPON COLORS](https://nipponcolors.com/#sakuranezumi)
* [色碼表即時調色](https://kumo.tw/article.php?id=56)
* [色碼表介紹](https://prettygirl520.pixnet.net/blog/post/184116334-%E3%80%90%E6%9C%80%E6%AD%A3%E7%A2%BA%E3%80%91%E8%89%B2%E7%A2%BC%E8%A1%A8%EF%BC%81%E7%AC%AC%E4%B8%80%E6%AC%A1%22%E8%89%B2%E7%A2%BC%E8%A1%A8%22%E5%B0%B1%E4%B8%8A%E6%89%8B)

---

## 色票

色票是指色環中的特定色調，色票為多種顏色的組合，一般色票會以實體卡或是數位(如圖檔)的方式呈現。色票可以幫助解決在做平面設計時選色問題，對於初學者來說可以參考別人的色票來訓練自己對於色彩選擇(配色)的能力。
Photo by <a href="https://unsplash.com/@mbaumi?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Mika Baumeister</a> on <a href="https://unsplash.com/s/photos/color-wheel?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>

### 更多色票介紹與色票工具
* [色票基本知識](https://www.shutterstock.com/zh-Hant/blog/what-is-a-color-swatch)
* [Pantone色票全解析](https://www.shutterstock.com/zh-Hant/blog/pantone-colors-overview)
* [Adobe色輪、調色盤產生器](https://color.adobe.com/zh/)
* [Shuttlestock色票工具](https://www.shutterstock.com/zh-Hant/colors/color-palette-generator)
* [Color Hunt](https://colorhunt.co/palettes)
* [Colors](https://coolors.co/palettes/trending)
* [230種莫蘭迪色Morandi colors](https://watermoon333.pixnet.net/blog/post/51352420-230%E6%AC%BE%E8%8E%AB%E8%98%AD%E8%BF%AA%E8%89%B2%E7%A2%BC%EF%BD%9C%E5%84%AA%E9%9B%85%E9%AB%98%E7%B4%9A%E7%81%B0%EF%BD%9C%E8%8E%AB%E8%98%AD%E8%BF%AA%E8%89%B2%E5%8D%A1%E4%B8%80)
* [101組配色參考](https://www.shutterstock.com/zh-Hant/blog/101-free-color-combinations-design-inspiration)