※和色の名前やHTML・RGB・CMYK・HSL・HSV・XYZの表色系の相互変換やデザイン配色パターンと色相環を自動で生成します。彩度グレースケールアイデンティティー(同一色相配色)アジェイセント(隣接色相配色)アナロジー(類似色相配色)インターミディエート(中差色相配色)オポーネント(対照色相配色)マルチコンプリメンタリー(多色補色配色)スリーポイント(多色3色配色)コンプリメンタリー(補色色相配色)スプリットコンプリメンタリー(分裂補色配色)ダイアード(2色配色・補色)トライアド(3色配色)テトラード(4色配色)ペンタード(5色配色)ヘクサード(6色配色)トーナル(中間色配色)カマイユ(単色画配色)フォカマイユ(偽りの単色画配色)ナチュラルハーモニー(ナチュラル配色)コンプレックスハーモニー(コンプレックス配色)オンブレ(陰影配色)ウェブデザイン(Webデザイン配色)12色相環24色相環PCCSトーンマップpペール(薄い)ltライト(浅い)ltgライトグレイッシュ(明るい灰みの)sfソフト(柔らか)bブライト(明るい)sストロング(強い)vビビッド(鮮やか)dpディープ(濃い)dダル(くすんだ)gグレイッシュ(灰みの)dkダーク(暗い)dkgダークグレイッシュ(暗い灰みの)vpベリーペール(とても薄い)pgペールグレイッシュ(薄い灰みの)mgミドルグレイッシュ(中間の灰みの)vgベリーグレイッシュ(とても灰みの)vdベリーダーク(とても暗い)和色のスイート色変換の使い方これは色の変換やデザイン配色パターンと色相環を自動で生成します。最初にカラーコード(HTML・RGB・CMYK・HSL・HSV・XYZ)を入力します。入力は和色(日本の色)の一覧の名前にも対応しています。ある程度の明度や彩度があると配色の生成が綺麗になります。カラーピッカーからの直接入力もできます。入力するところはカラーピッカーの色になっています。カラーピッカーで色を調整するにはHTMLのコードを入力します。入力された色はHTML・RGB・CMYK・HSL・HSV・XYZの表色系に相互変換されて色見本が表示されます。配色は複数の色を組み合わせることをいいます。良い色や悪い色というものは元々無くて配色によって色彩が調和しているか不調和かの違いになります。色彩は何らかの規則的な関係や共通性があったり自然になじんでいたり適度な対比があると調和します。完全な調和では物足りないものになるので調和と不調和の統一感と変化に適度なバランスがある配色が良い配色になります。カラーコードの説明HTMLは16bitやHEXともいいます。16進数で色を表したものです。#ff0099やff0099の形式で入力します。RGBはレッド・グリーン・ブルーの3色の10進数で色を表したものです。163等の形式で入力します。CMYKはシアン・マゼンタ・イエロー・ブラックの4色で色を表したものです。40等の形式で入力します。HSLは色相(角度)・彩度(%)・輝度(%)で色を表したものです。54等の形式で入力します。HSVは色相(角度)・彩度(%)・明度(%)で色を表したものです。47等の形式で入力します。XYZはX(赤)・Y(緑と輝度)・Z(青)で色を表したものです。287等の形式で入力します。色相は赤・青・黄などの色合いのことです。明度は色の明るさです。高くすると白、低くすると黒になります。彩度は色の鮮やかさです。高くすると純色、低くすると灰色になります。トーンは明度や彩度を合わせた色調のことです。グレースケールは彩度を無くした色のことです。輝度はグレースケールでの明るさです。人の目で見た明るさになります。デザイン配色パターンの自動生成アイデンティティー(同一色相配色)同じ色相の配色でトーン違いの柔らかい配色になります。アジェイセント(隣接色相配色)近い色相の配色で目立たないのでトーンを変えて調和させます。アナロジー(類似色相配色)似た色相の配色で自然な配色になります。インターミディエート(中差色相配色)中間のコントラストの配色であいまいな配色になります。オポーネント(対照色相配色)適度なコントラストの配色ですっきりした配色になります。マルチコンプリメンタリー(多色補色配色)すっきりとした自然でカラフルな配色になります。スリーポイント(多色3色配色)トライアドの逆の配色でカラフルな配色になります。コンプリメンタリー(補色色相配色)反対の色とその隣の色の配色で派手でバランスが取れた配色になります。スプリットコンプリメンタリー(分裂補色配色)反対の隣の色の配色でバランスが取れた配色になります。ダイアード(2色配色・補色)反対の色の配色でもっとも派手な配色になります。トライアド(3色配色)3色の配色でバランスが取れたカラフルな配色になります。テトラード(4色配色)4色の配色でバランスが取れたカラフルな配色になります。ペンタード(5色配色)5色の配色でバランスが取れたカラフルな配色になります。トライアドに白と黒を足した配色もあります。ヘクサード(6色配色)6色の配色でバランスが取れたカラフルな配色になります。テトラードに白と黒を足した配色もあります。トーナル(中間色配色)ダル・ソフト・ライトグレイッシュ・グレイッシュの4つのトーンからの落ち着いた配色になります。カマイユ(単色画配色)遠くから見ると一色に見える微妙な配色になります。フォカマイユ(偽りの単色画配色)カマイユより少し色相やトーンに差がある配色になります。ナチュラルハーモニー(ナチュラル配色)自然な配色で黄色を明るく青紫を暗くした配色になります。コンプレックスハーモニー(コンプレックス配色)ナチュラルの逆で黄色を暗く青紫を明るくした配色になります。オンブレ(陰影配色)少しずつ陰がついて行くグラデーションの配色になります。ウェブデザイン(Webデザイン配色)メイン・ベース・サブ・アクセントの配色になります。Webサイトを制作するときに使う組み合わせです。色相を色相差で12に分けて円形に自動で生成したものです。色相を角度で24に分けて円形に自動で生成したものです。PCCSトーンマップ色相環をトーン毎に自動で生成したもので色を探すときに使います。上に行くほど明度が高くなり、右に行くほど彩度が高くなります。色相の輝度により黄色からシアンを暗く青を明るく補正しています。左上の色をクリックすると和色のスイート色変換の上部に右上の色をクリックするとPCCSトーンマップに移動します。既知のバグ和色の名前を入力したとき和色によって違う名前が表示される。(黒が蝋色、紅掛空色が紅碧、白茶が名前なし等)これはリスト内に同じカラーコードの色があるときに起こる現象で表示される名前は違いますが色自体には問題ありません。配色の自動生成の関係で入力した色が白や黒に近いときトーンが変わるトーンオントーン配色では明度が範囲を超えて色が黒くなります。(アジェイセント、カマイユ、フォカマイユ、オンブレ等の配色)トーンが同じトーンイントーン配色や色相環等では大丈夫です。mjijackson.comこのサイトはリンクフリーです。