Question 1

配色チェックとは？

Accepted Answer

配色チェックは、k-means法（k平均法）で画像の主な色を見つけます。いくつかのピクセルを最初の中心に選び、すべてのピクセルをいちばん近い中心に振り分け、各中心をそのグループの平均へ動かす手順を、グループが落ち着くまで繰り返します。次に、取り出した色の組み合わせごとに、相対輝度からWCAGのコントラスト比を求めます。ある色の文字が別の色の上で読みやすいかどうかの目安で、3:1で大きな文字のAA、4.5:1でAA、7:1でAAAを満たします。同じ色を配色の調和のルールに沿って色相環に置き、ヒストグラムで明るさを測り、暖かさからムードを読みます。画像そのものを、P型、D型、T型の色覚での見え方で表示することもできます。

Question 2

配色チェックの使い方は？

Accepted Answer

画像を選ぶかドロップします。サンプルのままでもかまいません。色数を決め、配色の調和と色の見え方を選びます。色見本を押すとHEXコードをコピーできます。パレット全体は、CSS変数、Tailwindの色、HEX一覧としてコピーできます。