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

10 / 6020 / 6030 / 6040 / 6050 / 6060 / 6070 / 6080 / 6090 / 60
000a38e8ead8484b77a7ac16f6fcc6565d65b5be05151ea4747f43d3d
005a3908ead8784b77f7ac1766fcc6e65d6655be05d51ea5447f44c3d
010a3918ead8b84b7847ac17d6fcc7665d6705be06951ea6247f45b3d
015a3938ead8e84b7897ac1846fcc7f65d67a5be07551ea7047f46b3d
020a3958ead9284b78e7ac18b6fcc8765d6845be08151ea7d47f47a3d
025a3978ead9584b7937ac1926fcc9065d68e5be08c51ea8b47f4893d
030a3988ead9884b7997ac1986fcc9865d6995be09851ea9847f4993d
035a39a8ead9c84b79e7ac19f6fcca165d6a35be0a451eaa647f4a83d
040a39c8ead9f84b7a37ac1a66fcca965d6ad5be0b051eab447f4b73d
045a39e8eada384b7a87ac1ad6fccb265d6b75be0bc51eac147f4c63d
050a39f8eada684b7ad7ac1b46fccba65d6c15be0c851eacf47f4d63d
055a3a18eada984b7b27ac1ba6fccc365d6cc5be0d451eadc47f4e53d
060a3a38eadad84b7b77ac1c16fcccc65d6d65be0e051eaea47f4f43d
065a1a38ea9ad84b2b77abac16fc3cc65ccd65bd4e051dcea47e5f43d
0709fa38ea6ad84adb77ab4c16fbacc65c1d65bc8e051cfea47d6f43d
0759ea38ea3ad84a8b77aadc16fb2cc65b7d65bbce051c1ea47c6f43d
0809ca38e9fad84a3b77aa6c16fa9cc65add65bb0e051b4ea47b7f43d
0859aa38e9cad849eb77a9fc16fa1cc65a3d65ba4e051a6ea47a8f43d
09098a38e98ad8499b77a98c16f98cc6599d65b98e05198ea4799f43d
09597a38e95ad8493b77a92c16f90cc658ed65b8ce0518bea4789f43d
10095a38e92ad848eb77a8bc16f87cc6584d65b81e0517dea477af43d
10593a38e8ead8489b77a84c16f7fcc657ad65b75e05170ea476bf43d
11091a38e8bad8484b77a7dc16f76cc6570d65b69e05162ea475bf43d
11590a38e87ad847fb77a76c16f6ecc6565d65b5de05154ea474cf43d
1208ea38e84ad847ab77a6fc16f65cc655bd65b51e05147ea473df43d
1258ea39084ad877ab77f6fc17665cc6e5bd66551e05d47ea543df44c
1308ea39184ad8b7ab7846fc17d65cc765bd67051e06947ea623df45b
1358ea39384ad8e7ab7896fc18465cc7f5bd67a51e07547ea703df46b
1408ea39584ad927ab78e6fc18b65cc875bd68451e08147ea7d3df47a
1458ea39784ad957ab7936fc19265cc905bd68e51e08c47ea8b3df489
1508ea39884ad987ab7996fc19865cc985bd69951e09847ea983df499
1558ea39a84ad9c7ab79e6fc19f65cca15bd6a351e0a447eaa63df4a8
1608ea39c84ad9f7ab7a36fc1a665cca95bd6ad51e0b047eab43df4b7
1658ea39e84ada37ab7a86fc1ad65ccb25bd6b751e0bc47eac13df4c6
1708ea39f84ada67ab7ad6fc1b465ccba5bd6c151e0c847eacf3df4d6
1758ea3a184ada97ab7b26fc1ba65ccc35bd6cc51e0d447eadc3df4e5
1808ea3a384adad7ab7b76fc1c165cccc5bd6d651e0e047eaea3df4f4
1858ea1a384a9ad7ab2b76fbac165c3cc5bccd651d4e047dcea3de5f4
1908e9fa384a6ad7aadb76fb4c165bacc5bc1d651c8e047cfea3dd6f4
1958e9ea384a3ad7aa8b76fadc165b2cc5bb7d651bce047c1ea3dc6f4
2008e9ca3849fad7aa3b76fa6c165a9cc5badd651b0e047b4ea3db7f4
2058e9aa3849cad7a9eb76f9fc165a1cc5ba3d651a4e047a6ea3da8f4
2108e98a38498ad7a99b76f98c16598cc5b99d65198e04798ea3d99f4
2158e97a38495ad7a93b76f92c16590cc5b8ed6518ce0478bea3d89f4
2208e95a38492ad7a8eb76f8bc16587cc5b84d65181e0477dea3d7af4
2258e93a3848ead7a89b76f84c1657fcc5b7ad65175e04770ea3d6bf4
2308e91a3848bad7a84b76f7dc16576cc5b70d65169e04762ea3d5bf4
2358e90a38487ad7a7fb76f76c1656ecc5b65d6515de04754ea3d4cf4
2408e8ea38484ad7a7ab76f6fc16565cc5b5bd65151e04747ea3d3df4
245908ea38784ad7f7ab7766fc16e65cc655bd65d51e05447ea4c3df4
250918ea38b84ad847ab77d6fc17665cc705bd66951e06247ea5b3df4
255938ea38e84ad897ab7846fc17f65cc7a5bd67551e07047ea6b3df4
260958ea39284ad8e7ab78b6fc18765cc845bd68151e07d47ea7a3df4
265978ea39584ad937ab7926fc19065cc8e5bd68c51e08b47ea893df4
270988ea39884ad997ab7986fc19865cc995bd69851e09847ea993df4
2759a8ea39c84ad9e7ab79f6fc1a165cca35bd6a451e0a647eaa83df4
2809c8ea39f84ada37ab7a66fc1a965ccad5bd6b051e0b447eab73df4
2859e8ea3a384ada87ab7ad6fc1b265ccb75bd6bc51e0c147eac63df4
2909f8ea3a684adad7ab7b46fc1ba65ccc15bd6c851e0cf47ead63df4
295a18ea3a984adb27ab7ba6fc1c365cccc5bd6d451e0dc47eae53df4
300a38ea3ad84adb77ab7c16fc1cc65ccd65bd6e051e0ea47eaf43df4
305a38ea1ad84a9b77ab2c16fbacc65c3d65bcce051d4ea47dcf43de5
310a38e9fad84a6b77aadc16fb4cc65bad65bc1e051c8ea47cff43dd6
315a38e9ead84a3b77aa8c16fadcc65b2d65bb7e051bcea47c1f43dc6
320a38e9cad849fb77aa3c16fa6cc65a9d65bade051b0ea47b4f43db7
325a38e9aad849cb77a9ec16f9fcc65a1d65ba3e051a4ea47a6f43da8
330a38e98ad8498b77a99c16f98cc6598d65b99e05198ea4798f43d99
335a38e97ad8495b77a93c16f92cc6590d65b8ee0518cea478bf43d89
340a38e95ad8492b77a8ec16f8bcc6587d65b84e05181ea477df43d7a
345a38e93ad848eb77a89c16f84cc657fd65b7ae05175ea4770f43d6b
350a38e91ad848bb77a84c16f7dcc6576d65b70e05169ea4762f43d5b
355a38e90ad8487b77a7fc16f76cc656ed65b65e0515dea4754f43d4c

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法