カラーガイド

補色・RGB と CMYK の違い・明度コントラストなど、色を扱ううえで知っておくと役立つ基礎知識をまとめました。

補色とは？色相環で向かい合う色補色の定義と色相環で補色を見つける方法、デザインでの活用を解説します。RGB と CMYK の違い画面用の RGB と印刷用の CMYK がなぜ違うのか、いつ何を使うべきかを説明します。HEX カラーコード完全マスター#RRGGBB 形式の HEX コードが何を意味するのか、RGB とどう対応するのかを説明します。HSL とは？色相・彩度・明度で色を扱うHSL 表記が RGB より直感的な理由と、各値の意味を解説します。明度コントラストと Web アクセシビリティ（WCAG）テキストがよく読めるには背景とどれだけコントラストが必要か、WCAG の基準を説明します。色の調和（配色）の基礎補色・類似色・トライアド・テトラードなど、代表的な色の組み合わせのルールをまとめます。