2017-12-06この記事は2017年12月7日に書かれたものです。現在は内容が古い可能性もありますのでご注意ください。今までにも、ウェブデザインに役立つ配色ツールは何度か紹介してきましたが、今回のは一味違います。use.昨今のAIの発達ぶりには「人間の仕事を取られちゃう><」という意見も少なくありませんが、便利なものを便利に使ってこそ人間ですよ!というわけで早速試してみました。pallete使い方まずKhromaのサイトにアクセスし、「Personalize」をクリックします。するとたくさんの色見本が表示されるので、この中から好きな色を50色(!)クリックして選択します。好きな色といっても、なるべく偏らないよう多くの色味を意識して選んだほうが良さそうです。色を選んでいくと、上部に選択した色と数が加算されていきます。Training」ボタンをクリック。it」をクリックします。この画面のまま数分待つと...カラーパレットが生成されました!このパレット、画面を下にスクロールさせれば無限に出てきます。好みの配色が絶対どこかにあるはず!パレットをマウスオーバーすると現れるアイコンからはそれぞれ「色の入れ替え」「お気に入りに追加」「色名やカラーコードなどのコピー」ができるようになっています。これだけではありません。左上のメニューからは、様々なパターンの配色サンプルを見ることができるんです。Posterシンプルな2色のパレット。Gradientグラデーションカラー。「</>」のアイコンをクリックすれば、CSSをコピーできます。Image写真にフィルターをかけたサンプル。これも、コードのコピーができます。palleteそして、4色の組み合わせのパレット。これが一番使いどころがありそうですね。カラーコードのコピーができます。気に入ったパレットはお気に入りに追加しておけば、後から見返すことも可能。このベータ版では、データはブラウザごとに保存されるようです。既存のサービスではしっくりくる組み合わせを探すのに時間がかかったりしますが、この「Khroma」なら自分の好きな色からAIが生成してくれるので、迷うことも少なくなりそうです。Reserved.ホームプライバシーポリシーお問い合わせ。