色彩理論
色彩理論とは何ですか?
色彩理論は、多数のカテゴリー、定義、および概念です。
このチュートリアルでは、Webデザインに最も役立つ部分について説明します。
- 一次、二次、三次色
- カラーホイール(RGB、CMY、RYB)
- 色相、明度、彩度
光の色
アイザックニュートン卿は、すべての色が赤、緑、青の光の混合物であるという理論を開発しました。
これにより、1666年に最初の既知のカラーサークルが作成されました。
ペイントの色
1766年、科学者のモーゼスハリスは、 赤、黄、青を原色として分類する最初のカラーホイールを作成しました。
Moses Harris worked with paint (Newton worked with light) following a theory (by a French painter) that all colors are mixtures of Red, Yellow, and Blue pigments.
Color Systems
In this tutorial we will cover 3 different color systems:
- The color system used when producing colors by light (RGB)
- The color system used when printing (CMY)
- The color system used by artist and painters (RYB)
Printing actually uses a four ink color system.
CMYK: Cyan, Magenta, Yellow, and Key (black).
Primary Colors
Primary colors are the main colors in a given color system.
Primary colors can not be produced by mixing other colors a color system.
The primary colors for light are Red, Green, and Blue:
RGB | Red | Green | Blue |
The primary colors for print are Cyan, Magenta, and Yellow:
CMY | Cyan | Magenta | Yellow |
The primary colors for paint are Red, Yellow, and Blue:
RYB | Red | Yellow | Blue |
Secondary Colors
Secondary colors are made by mixing two primary colors in a color system
There are 3 secondary colors in the color systems described here.
Mixing Light (RGB)
Secondary colors are Yellow, Cyan Magenta.
Red | + | Green | = | Yellow |
Green | + | Blue | = | Cyan |
Blue | + | Red | = | Magenta |
Mixing Ink (CMY)
Secondary colors are Blue, Red, Green.
Cyan | + | Magenta | = | Blue |
Magenta | + | Yellow | = | Red |
Yellow | + | Cyan | = | Green |
Note that mixing the primary colors of CMY produces the primary colors of light (RGB)
Mixing Paint (RYB)
Secondary colors are Orange, Green, Purple.
Red | + | Yellow | = | Orange |
Yellow | + | Blue | = | Green |
Blue | + | Red | = | Purple |
Tertiary Colors
Tertiary colors are made by mixing one primary and one secondary color in a color system.
There are six named tertiary colors in RYB:
- Red-Orange
- Yellow-Orange
- Yellow-Green
- Blue-Green
- Blue-Purple
- Red-Purple