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

40 / 1040 / 2040 / 3040 / 4040 / 5040 / 6040 / 7040 / 8040 / 90
000230f0f471e1e6b2d2d8e3d3db24c4cc16f6fd19393e0b7b7efdbdb
00523110f47221e6b322d8e443db2554cc1766fd19993e0bbb7efdddb
01023120f47251e6b382d8e4a3db25d4cc17d6fd19e93e0beb7efdedb
01523140f47281e6b3d2d8e513db2654cc1846fd1a393e0c1b7efe0db
02023160f472c1e6b422d8e583db26e4cc18b6fd1a893e0c5b7efe2db
02523170f472f1e6b472d8e5f3db2774cc1926fd1ad93e0c8b7efe3db
03023190f47331e6b4c2d8e663db27f4cc1986fd1b293e0ccb7efe5db
035231b0f47361e6b512d8e6c3db2884cc19f6fd1b793e0cfb7efe7db
040231c0f47391e6b562d8e733db2904cc1a66fd1bc93e0d2b7efe8db
045231e0f473d1e6b5b2d8e7a3db2994cc1ad6fd1c193e0d6b7efeadb
05023200f47401e6b602d8e813db2a14cc1b46fd1c693e0d9b7efecdb
05523210f47431e6b662d8e873db2a94cc1ba6fd1cb93e0ddb7efeddb
06023230f47471e6b6b2d8e8e3db2b24cc1c16fd1d193e0e0b7efefdb
06521230f43471e666b2d878e3da9b24cbac16fcbd193dde0b7edefdb
07020230f40471e606b2d818e3da1b24cb4c16fc6d193d9e0b7ecefdb
0751e230f3d471e5b6b2d7a8e3d99b24cadc16fc1d193d6e0b7eaefdb
0801c230f39471e566b2d738e3d90b24ca6c16fbcd193d2e0b7e8efdb
0851b230f36471e516b2d6c8e3d88b24c9fc16fb7d193cfe0b7e7efdb
09019230f33471e4c6b2d668e3d7fb24c98c16fb2d193cce0b7e5efdb
09517230f2f471e476b2d5f8e3d77b24c92c16fadd193c8e0b7e3efdb
10016230f2c471e426b2d588e3d6eb24c8bc16fa8d193c5e0b7e2efdb
10514230f28471e3d6b2d518e3d65b24c84c16fa3d193c1e0b7e0efdb
11012230f25471e386b2d4a8e3d5db24c7dc16f9ed193bee0b7deefdb
11511230f22471e326b2d448e3d55b24c76c16f99d193bbe0b7ddefdb
1200f230f1e471e2d6b2d3d8e3d4cb24c6fc16f93d193b7e0b7dbefdb
1250f23111e47222d6b323d8e444cb2556fc17693d199b7e0bbdbefdd
1300f23121e47252d6b383d8e4a4cb25d6fc17d93d19eb7e0bedbefde
1350f23141e47282d6b3d3d8e514cb2656fc18493d1a3b7e0c1dbefe0
1400f23161e472c2d6b423d8e584cb26e6fc18b93d1a8b7e0c5dbefe2
1450f23171e472f2d6b473d8e5f4cb2776fc19293d1adb7e0c8dbefe3
1500f23191e47332d6b4c3d8e664cb27f6fc19893d1b2b7e0ccdbefe5
1550f231b1e47362d6b513d8e6c4cb2886fc19f93d1b7b7e0cfdbefe7
1600f231c1e47392d6b563d8e734cb2906fc1a693d1bcb7e0d2dbefe8
1650f231e1e473d2d6b5b3d8e7a4cb2996fc1ad93d1c1b7e0d6dbefea
1700f23201e47402d6b603d8e814cb2a16fc1b493d1c6b7e0d9dbefec
1750f23211e47432d6b663d8e874cb2a96fc1ba93d1cbb7e0dddbefed
1800f23231e47472d6b6b3d8e8e4cb2b26fc1c193d1d1b7e0e0dbefef
1850f21231e43472d666b3d878e4ca9b26fbac193cbd1b7dde0dbedef
1900f20231e40472d606b3d818e4ca1b26fb4c193c6d1b7d9e0dbecef
1950f1e231e3d472d5b6b3d7a8e4c99b26fadc193c1d1b7d6e0dbeaef
2000f1c231e39472d566b3d738e4c90b26fa6c193bcd1b7d2e0dbe8ef
2050f1b231e36472d516b3d6c8e4c88b26f9fc193b7d1b7cfe0dbe7ef
2100f19231e33472d4c6b3d668e4c7fb26f98c193b2d1b7cce0dbe5ef
2150f17231e2f472d476b3d5f8e4c77b26f92c193add1b7c8e0dbe3ef
2200f16231e2c472d426b3d588e4c6eb26f8bc193a8d1b7c5e0dbe2ef
2250f14231e28472d3d6b3d518e4c65b26f84c193a3d1b7c1e0dbe0ef
2300f12231e25472d386b3d4a8e4c5db26f7dc1939ed1b7bee0dbdeef
2350f11231e22472d326b3d448e4c55b26f76c19399d1b7bbe0dbddef
2400f0f231e1e472d2d6b3d3d8e4c4cb26f6fc19393d1b7b7e0dbdbef
245110f23221e47322d6b443d8e554cb2766fc19993d1bbb7e0dddbef
250120f23251e47382d6b4a3d8e5d4cb27d6fc19e93d1beb7e0dedbef
255140f23281e473d2d6b513d8e654cb2846fc1a393d1c1b7e0e0dbef
260160f232c1e47422d6b583d8e6e4cb28b6fc1a893d1c5b7e0e2dbef
265170f232f1e47472d6b5f3d8e774cb2926fc1ad93d1c8b7e0e3dbef
270190f23331e474c2d6b663d8e7f4cb2986fc1b293d1ccb7e0e5dbef
2751b0f23361e47512d6b6c3d8e884cb29f6fc1b793d1cfb7e0e7dbef
2801c0f23391e47562d6b733d8e904cb2a66fc1bc93d1d2b7e0e8dbef
2851e0f233d1e475b2d6b7a3d8e994cb2ad6fc1c193d1d6b7e0eadbef
290200f23401e47602d6b813d8ea14cb2b46fc1c693d1d9b7e0ecdbef
295210f23431e47662d6b873d8ea94cb2ba6fc1cb93d1ddb7e0eddbef
300230f23471e476b2d6b8e3d8eb24cb2c16fc1d193d1e0b7e0efdbef
305230f21471e436b2d668e3d87b24ca9c16fbad193cbe0b7ddefdbed
310230f20471e406b2d608e3d81b24ca1c16fb4d193c6e0b7d9efdbec
315230f1e471e3d6b2d5b8e3d7ab24c99c16fadd193c1e0b7d6efdbea
320230f1c471e396b2d568e3d73b24c90c16fa6d193bce0b7d2efdbe8
325230f1b471e366b2d518e3d6cb24c88c16f9fd193b7e0b7cfefdbe7
330230f19471e336b2d4c8e3d66b24c7fc16f98d193b2e0b7ccefdbe5
335230f17471e2f6b2d478e3d5fb24c77c16f92d193ade0b7c8efdbe3
340230f16471e2c6b2d428e3d58b24c6ec16f8bd193a8e0b7c5efdbe2
345230f14471e286b2d3d8e3d51b24c65c16f84d193a3e0b7c1efdbe0
350230f12471e256b2d388e3d4ab24c5dc16f7dd1939ee0b7beefdbde
355230f11471e226b2d328e3d44b24c55c16f76d19399e0b7bbefdbdd

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法