明度別の色見本( 配色サンプル )として、彩度を [ 10% ] で固定し、明度に変化をつけた色の一覧を色相毎に表示しています。※ この色見本( サンプル )では、一部の [ 同一色相配色 ] [ 隣接色相配色 ] [ 類似色相配色 ] [ 中差色相配色 ] [ 対照色相配色 ] [補色色相配色] [ n色配色 ] を確認できます。※ JIS有彩色のトーン別に見ると、明度10～20付近の領域を「ごく暗い」、明度20～40付近の領域を「暗い灰みの」、明度40～60付近の領域を「灰みの」、明度60～80付近の領域を「明るい灰みの」、明度80～90付近の領域を「ごく薄い」として捉えることができます。( 縦：色相　　横：彩度／明度 )

＼10 / 1010 / 2010 / 3010 / 4010 / 5010 / 6010 / 7010 / 8010 / 90
0001c1616382d2d544444705b5b8c7272a38e8ebaaaaad1c6c6e8e2e2
0051c1716382e2d544544705d5b8c7472a3908ebaabaad1c7c6e8e3e2
0101c1716382f2d544744705f5b8c7672a3918ebaadaad1c8c6e8e3e2
0151c181638302d54484470605b8c7872a3938ebaaeaad1c9c6e8e4e2
0201c181638312d54494470625b8c7b72a3958ebaafaad1cac6e8e4e2
0251c191638322d544b4470645b8c7d72a3978ebab1aad1cbc6e8e5e2
0301c191638332d544c4470665b8c7f72a3988ebab2aad1ccc6e8e5e2
0351c191638332d544d4470675b8c8172a39a8ebab3aad1ccc6e8e5e2
0401c1a1638342d544e4470695b8c8372a39c8ebab4aad1cdc6e8e6e2
0451c1a1638352d545044706b5b8c8572a39e8ebab6aad1cec6e8e6e2
0501c1b1638362d545144706c5b8c8772a39f8ebab7aad1cfc6e8e7e2
0551c1b1638372d545244706e5b8c8a72a3a18ebab8aad1d0c6e8e7e2
0601c1c1638382d54544470705b8c8c72a3a38ebabaaad1d1c6e8e8e2
0651b1c1637382d5254446e705b8a8c72a1a38eb8baaad0d1c6e7e8e2
0701b1c1636382d5154446c705b878c729fa38eb7baaacfd1c6e7e8e2
0751a1c1635382d5054446b705b858c729ea38eb6baaaced1c6e6e8e2
0801a1c1634382d4e544469705b838c729ca38eb4baaacdd1c6e6e8e2
085191c1633382d4d544467705b818c729aa38eb3baaaccd1c6e5e8e2
090191c1633382d4c544466705b7f8c7298a38eb2baaaccd1c6e5e8e2
095191c1632382d4b544464705b7d8c7297a38eb1baaacbd1c6e5e8e2
100181c1631382d49544462705b7b8c7295a38eafbaaacad1c6e4e8e2
105181c1630382d48544460705b788c7293a38eaebaaac9d1c6e4e8e2
110171c162f382d4754445f705b768c7291a38eadbaaac8d1c6e3e8e2
115171c162e382d4554445d705b748c7290a38eabbaaac7d1c6e3e8e2
120161c162d382d4454445b705b728c728ea38eaabaaac6d1c6e2e8e2
125161c172d382e4454455b705d728c748ea390aabaabc6d1c7e2e8e3
130161c172d382f4454475b705f728c768ea391aabaadc6d1c8e2e8e3
135161c182d38304454485b7060728c788ea393aabaaec6d1c9e2e8e4
140161c182d38314454495b7062728c7b8ea395aabaafc6d1cae2e8e4
145161c192d383244544b5b7064728c7d8ea397aabab1c6d1cbe2e8e5
150161c192d383344544c5b7066728c7f8ea398aabab2c6d1cce2e8e5
155161c192d383344544d5b7067728c818ea39aaabab3c6d1cce2e8e5
160161c1a2d383444544e5b7069728c838ea39caabab4c6d1cde2e8e6
165161c1a2d38354454505b706b728c858ea39eaabab6c6d1cee2e8e6
170161c1b2d38364454515b706c728c878ea39faabab7c6d1cfe2e8e7
175161c1b2d38374454525b706e728c8a8ea3a1aabab8c6d1d0e2e8e7
180161c1c2d38384454545b7070728c8c8ea3a3aababac6d1d1e2e8e8
185161b1c2d37384452545b6e70728a8c8ea1a3aab8bac6d0d1e2e7e8
190161b1c2d36384451545b6c7072878c8e9fa3aab7bac6cfd1e2e7e8
195161a1c2d35384450545b6b7072858c8e9ea3aab6bac6ced1e2e6e8
200161a1c2d3438444e545b697072838c8e9ca3aab4bac6cdd1e2e6e8
20516191c2d3338444d545b677072818c8e9aa3aab3bac6ccd1e2e5e8
21016191c2d3338444c545b6670727f8c8e98a3aab2bac6ccd1e2e5e8
21516191c2d3238444b545b6470727d8c8e97a3aab1bac6cbd1e2e5e8
22016181c2d31384449545b6270727b8c8e95a3aaafbac6cad1e2e4e8
22516181c2d30384448545b607072788c8e93a3aaaebac6c9d1e2e4e8
23016171c2d2f384447545b5f7072768c8e91a3aaadbac6c8d1e2e3e8
23516171c2d2e384445545b5d7072748c8e90a3aaabbac6c7d1e2e3e8
24016161c2d2d384444545b5b7072728c8e8ea3aaaabac6c6d1e2e2e8
24517161c2e2d384544545d5b7074728c908ea3abaabac7c6d1e3e2e8
25017161c2f2d384744545f5b7076728c918ea3adaabac8c6d1e3e2e8
25518161c302d38484454605b7078728c938ea3aeaabac9c6d1e4e2e8
26018161c312d38494454625b707b728c958ea3afaabacac6d1e4e2e8
26519161c322d384b4454645b707d728c978ea3b1aabacbc6d1e5e2e8
27019161c332d384c4454665b707f728c988ea3b2aabaccc6d1e5e2e8
27519161c332d384d4454675b7081728c9a8ea3b3aabaccc6d1e5e2e8
2801a161c342d384e4454695b7083728c9c8ea3b4aabacdc6d1e6e2e8
2851a161c352d385044546b5b7085728c9e8ea3b6aabacec6d1e6e2e8
2901b161c362d385144546c5b7087728c9f8ea3b7aabacfc6d1e7e2e8
2951b161c372d385244546e5b708a728ca18ea3b8aabad0c6d1e7e2e8
3001c161c382d38544454705b708c728ca38ea3baaabad1c6d1e8e2e8
3051c161b382d37544452705b6e8c728aa38ea1baaab8d1c6d0e8e2e7
3101c161b382d36544451705b6c8c7287a38e9fbaaab7d1c6cfe8e2e7
3151c161a382d35544450705b6b8c7285a38e9ebaaab6d1c6cee8e2e6
3201c161a382d3454444e705b698c7283a38e9cbaaab4d1c6cde8e2e6
3251c1619382d3354444d705b678c7281a38e9abaaab3d1c6cce8e2e5
3301c1619382d3354444c705b668c727fa38e98baaab2d1c6cce8e2e5
3351c1619382d3254444b705b648c727da38e97baaab1d1c6cbe8e2e5
3401c1618382d31544449705b628c727ba38e95baaaafd1c6cae8e2e4
3451c1618382d30544448705b608c7278a38e93baaaaed1c6c9e8e2e4
3501c1617382d2f544447705b5f8c7276a38e91baaaadd1c6c8e8e2e3
3551c1617382d2e544445705b5d8c7274a38e90baaaabd1c6c7e8e2e3

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法