福野泰介の一日一創

アプリを作る時、#ff0000など、RGBで色名を適当に指定しちゃい勝ちですが、原色だらけのデザインは見た目的に結構残念です。明度と彩度を合わせたり、適度な色相違いを使うといい感じになるので、HSLでの色指定がオススメです。 background-color: hsl(9 100.0% 63.9%); /* == #ff6347 */ HSLで指定する背景色をCSS例

お気に入りの色を、CSSで使えるWebカラーの色名を覚えるのもいいですね。2012年の一日一創の「色当てクイズ」をWebカラーオープンデータと分離して、リファクタリング！RGBからHSLに変換する関数と合わせてみました。

「色当てクイズ - webcolorQ」src on GitHub
色博士になっちゃう！？