RGBカラー
RGBカラーとは、赤、青、緑 の光の三原色の混合による色の表現です。これらの光が重なるごとに純粋な白の光に近付きます。逆に、ライトと同じく全く光がない場合は黒になります。これを加法混色といいます。再現領域はCMYKよりも広く、パソコンで表現できる色は、256段階（R）×256段階（G）×256段階（B）の16,777,216通り、約1677万色になります。
RGB値は十六進数（「0～9」＋「a～f」までの16個の英数字）で表示され、HTMLでは、#rrggbbとして記述されます。00で最小、 ffで最大を表します。
| 十六進数 |
|
十進数 |
色 |
| #000000 | #000 | 0×0×0 | 黒（全く光がない） |
| #ff0000 | #f00 | 255×0×0 | 赤 |
| #00ff00 | #0f0 | 0×255×0 | 緑 |
| #0000ff | #00f | 0×0×255 | 青 |
| #ffffff | #fff | 255×255×255 | 白（全ての光が重なる） |
十六進数以外に以外に、以下のような色指定方法があります。
- ● 十進数で指定する ... rgb(0,0,255)
- ● ％で指定する ... rgb(0%,0%,100%)
-
CMYKカラー
CMYKカラーとは、シアン、マゼンダ、イエローと原色を掛け合わせたブラックによる色の表現です。これらの色が重なるごとに黒へと近づきます。これを減法混色といいます。印刷媒体で使用されます。
HSBカラー
HSBカラーとは、色相（Hue）、彩度（Saturation）、明度（Brightness）の3要素からなる色の表現です。RGBとCMYKはそれぞれ加法混色と減法混色によるモデルであり、どちらも原色の組み合わせによって色が定義されますが、HSBはこの色合い・鮮やかさ・明るさについての情報をカプセル化することからより人間の色覚に合っているといえます。
その他のカラーコード
ウェブで使用する色の表現方法にウェブセーフカラー、カラーネーム、システムカラーがあります。
- ウェブセーフカラーとは
- RGBのうち、MacとWindowsのOSが用意したカラーの重複分「216色（＝6×6×6）」を抜き出したものでブラウザやOSの違いに左右されない。
各種ソフトのカラーパレット等に使われる。
- カラーネームとは
- 「white」「pink」などのカラーネームによる色指定も可能だが、140種類しか定義されておらず、ユーザー環境によって色が異なることから一般的には使用しない。
- システムカラーとは
- ユーザーのGUI環境で使用される28種の色で、CSSにキーワードとして指摘することが認められている。
コントラストとトーン
ウェブで使用する色を指定する場合、アクセシビリティなどの観点からコントラストやトーンに注意する必要があります。
- コントラストとは
- W3Cが推奨するWCAG 2.0では、輝度比に基づくコントラスト計算の方法が示されており、背景色と前景色（文字色）の明るさの差は125以上、色差は500以上あることを基準としている。
- トーンとは
- 色調のこと。色の三属性の内、明度（明るさ）と彩度（あざやかさ）によって分けられる。
日本語の文字コード
日本語表記用の文字コード（キャラクタコード）としてShift_JIS、EUC-JP、ISO-2022-JPが良く使われている。
- Shift-JISとは
- WindowsやMacintosh標準の文字コード。
1バイト表現（ASCII）と2バイト表現（日本語文字）を共存させている。
- EUC-JP（日本語EUC）とは
- UNIX上で日本語文字を扱う場合によく利用されている文字コード。
1バイトカナ文字（半角カナ）を使う際、文字化けが起きる可能性がある。
- ISO 2022-JP（JISコード）とは
- ISO（国際標準化機構）規格をもとに日本工業規格が規定した文字コード。
ラテン文字、記号、ひらがな、カタカナ、漢字を含む。電子メールなどで利用される日本語文字コードの一種。
欧文の文字コード
欧文（英数字）の文字コードとしてASCII、ISO/IEC 8859-1があります。
- ASCIIとは
- American Standard Code for Information Interchangeの略。
大・小文字のラテンアルファベット26文字・数字・記号類・コンピュータ向けの制御コードを7ビットで表現する。国際化されISO規格になっている。
- ISO/IEC 8859-1とは
- ラテン文字第一部として定められた文字を収録する文字コード。
フランス語やドイツ語など、西ヨーロッパ圏の文字を含む。
- ISO 2022-JP（JISコード）とは
- ISO（国際標準化機構）規格をもとに日本工業規格が規定した文字コード。
ラテン文字、記号、ひらがな、カタカナ、漢字を含む。電子メールなどで利用される日本語文字コードの一種。
多言語対応文字コード
世界中で使用されている文字を単一ルールで符号する方式にユニコード（Unicode） があります。ユニコードには、UTF-8、UTF-16があります。
- UTF-8とは
- 8ビットの可変長マルチバイトで文字を表現する。
XHTMLのデフォルトの文字コードセットとされている。
- UTF-16とは
- 16ビットの可変長マルチバイトで文字を表現する。
一部ブラウザがサポートしていないため一般的には指定されない。
タイポグラフィ
タイポグラフィとは、文字による表現や組まれた文字のことをいいます。代表的な書体にはセリフ書体、サンセリフ書体、Cursiveがあります。
- セリフ書体（Serif）とは
- 明朝系の書体。セリフとはタイプフェイス（字体）の末端にある飾りのこと。
例：Garamond（ギャラモンド）, Didot（ディド）など
- サンセリフ書体（Sans-Serif）とは
- ゴシック系の書体。セリフを省いた書体の総称。
例：Helvetica（ヘルベチカ）, Univers（ユニバース）, MS P ゴシックなど
- Cursiveとは
- 筆記体や草書体などの手書き風のフォントを指す。
タイプセッティング
タイプセッティングとは、文字組みのことをいいます。文字詰めの単位は「em（エム）」で表し、50文字なら1em=50pt、12文字なら1em=12ptとなります。字間を詰め際はトラッキング、カーニングを用いる。
- トラッキングとは
- 段落や文字全体の間隔（文字送り）の設定で、選択された複数の文字の間隔を詰める作業。
- カーニングとは
- 文字と文字の間の間隔（文字間隔）の設定で、感覚的にバランスよく1文字単位で字間を詰める作業。
