プロンプト

配色を見せるアプリを作ってください。HTML ファイル一つで開き、インストールも他のファイルも要らず、ブラウザでそのまま動くようにしてください。CSS と JavaScript もその中に入れてください。

色を一つ選ぶと、それに合う色を五色作って横に並べてください。発表資料に使う色のつもりで選んでください。

色ごとに下に色コードを書き、色を押すとそのコードがコピーされるようにしてください。コピーできたことも短く表示してください。

画面の上は、色を選ぶ欄一つと「別の組み合わせ」ボタン一つで十分です。合う色は選んだ色の色相・彩度・明度をずらして計算し、どんな規則で作ったかを画面の下に一行書いてください。

文字はどの色の上でも読めるようにしてください。明るい色には黒、暗い色には白にしてください。画像ファイルや外部のアドレスは使わないでください。

作り終えたら、とても明るい色ととても暗い色を選ぶつもりで確かめてください。どちらでも文字が読めるか見て、読めなければ直して最終版だけください。