よくある質問

このサイトは何ですか？

色の標本室です。各色に専用ページがあり、HEX・RGB・HSL・CMYK の値、WCAG の輝度・コントラスト、調和色、印象を掲載しています。

色名はどこから来ていますか？

CSS Color Module Level 4 で定義された CSS 色名148です。CSS 色名のない色は HEX コードで表示します。

コントラストはどう判定していますか？

WCAG 2 に準拠しています。相対輝度からコントラスト比(1:1〜21:1)を求め、AA/AAA の合否は WCAG のしきい値(通常文字 4.5:1 / 7:1、大きな文字 3:1 / 4.5:1)に従います。スウォッチ上の文字色(白/黒)も同じ基準で選んでいます。

印象タグはどう決めていますか？

色の色相・彩度・明度をもとに、暖かい・穏やか・鮮やか といった雰囲気を割り当てています。

色は自由に使えますか？

はい。色と CSS 色名は公開された Web 標準なので、自由にお使いいただけます。

HEX・RGB・HSL・CMYK とは何ですか？

HEX は16進のWebコード(例 #3498db)。RGB は赤・緑・青の光の混色。HSL は色相・彩度・明度で表す方式。CMYK は印刷インク(シアン・マゼンタ・イエロー・キー/黒)への近似変換です。

目的の色はどう探せますか？

「色値を指定する」で HEX を入力したりピッカーで色を作る、色相や印象から辿る、ホームのカラーピッカーから開く、などができます。調和色やシェード/ティントのスウォッチは各色ページにリンクしています。