クモのようにコツコツと

フロントエンドエンジニア イイダリョウの技術ブログ。略称「クモコツ」

配色

【React】配色ジェネレーターを作った(HSBでメインカラー、アクセントカラー、ベースカラーを割り出す!)

Reactアプリの続きです。前回はアスペクト比ジェネレーターを作りました。 今回もデザイン系のアプリで配色ジェネレーターを作りました!HSBモードでメインカラー、アクセントカラー、ベースカラーの3色を割り出せる配色ジェネレーターです。そのソースコー…

【配色の基本】面積比(メイン、アクセント、ベース)と色相分割【Adobe Color CC】

前回、様々な色相環を見ていきました。今回はいよいよ複数の色を組み合わせた「配色」の基本に入っていきます!複数の色はいったいどうやって選んでいったらいいのか?目的によって変わります。「主従をつける配色」「同等に分類する配色」の2つの目的で考え…

【配色】色相環のH値をいろいろ測ってみた(HSB、マンセル、オストワルト、PCCS、イッテン、NCS、Web配色ツール)

デザインの配色はRGBやCMYKよりもHSBを使った方が検討しやすいです。しかし、HSBの中の「H値(色相)」について調べるたところ、一筋縄ではいかないことがわかりました。色相環にはHSB色空間、表色系(マンセル、オストワルト、PCCS、イッテン、NCS)、Web配…