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

＼20 / 1020 / 2020 / 3020 / 4020 / 5020 / 6020 / 7020 / 8020 / 90
0001e14143d28285b3d3d7a5151996666ad8484c1a2a2d6c1c1eae0e0
0051e15143d2a285b3f3d7a5551996a66ad8784c1a5a2d6c3c1eae1e0
0101e16143d2c285b423d7a5851996e66ad8b84c1a8a2d6c5c1eae2e0
0151e16143d2d285b443d7a5b51997266ad8e84c1aaa2d6c6c1eae2e0
0201e17143d2f285b473d7a5f51997766ad9284c1ada2d6c8c1eae3e0
0251e18143d31285b493d7a6251997b66ad9584c1afa2d6cac1eae4e0
0301e19143d33285b4c3d7a6651997f66ad9884c1b2a2d6cbc1eae5e0
0351e1a143d34285b4f3d7a6951998366ad9c84c1b4a2d6cdc1eae6e0
0401e1b143d36285b513d7a6c51998866ad9f84c1b7a2d6cfc1eae7e0
0451e1c143d38285b543d7a7051998c66ada384c1baa2d6d1c1eae8e0
0501e1c143d39285b563d7a7351999066ada684c1bca2d6d2c1eae8e0
0551e1d143d3b285b593d7a7751999466ada984c1bfa2d6d4c1eae9e0
0601e1e143d3d285b5b3d7a7a51999966adad84c1c1a2d6d6c1eaeae0
0651d1e143b3d28595b3d777a51949966a9ad84bfc1a2d4d6c1e9eae0
0701c1e14393d28565b3d737a51909966a6ad84bcc1a2d2d6c1e8eae0
0751c1e14383d28545b3d707a518c9966a3ad84bac1a2d1d6c1e8eae0
0801b1e14363d28515b3d6c7a518899669fad84b7c1a2cfd6c1e7eae0
0851a1e14343d284f5b3d697a518399669cad84b4c1a2cdd6c1e6eae0
090191e14333d284c5b3d667a517f996698ad84b2c1a2cbd6c1e5eae0
095181e14313d28495b3d627a517b996695ad84afc1a2cad6c1e4eae0
100171e142f3d28475b3d5f7a5177996692ad84adc1a2c8d6c1e3eae0
105161e142d3d28445b3d5b7a517299668ead84aac1a2c6d6c1e2eae0
110161e142c3d28425b3d587a516e99668bad84a8c1a2c5d6c1e2eae0
115151e142a3d283f5b3d557a516a996687ad84a5c1a2c3d6c1e1eae0
120141e14283d283d5b3d517a5166996684ad84a2c1a2c1d6c1e0eae0
125141e15283d2a3d5b3f517a5566996a84ad87a2c1a5c1d6c3e0eae1
130141e16283d2c3d5b42517a5866996e84ad8ba2c1a8c1d6c5e0eae2
135141e16283d2d3d5b44517a5b66997284ad8ea2c1aac1d6c6e0eae2
140141e17283d2f3d5b47517a5f66997784ad92a2c1adc1d6c8e0eae3
145141e18283d313d5b49517a6266997b84ad95a2c1afc1d6cae0eae4
150141e19283d333d5b4c517a6666997f84ad98a2c1b2c1d6cbe0eae5
155141e1a283d343d5b4f517a6966998384ad9ca2c1b4c1d6cde0eae6
160141e1b283d363d5b51517a6c66998884ad9fa2c1b7c1d6cfe0eae7
165141e1c283d383d5b54517a7066998c84ada3a2c1bac1d6d1e0eae8
170141e1c283d393d5b56517a7366999084ada6a2c1bcc1d6d2e0eae8
175141e1d283d3b3d5b59517a7766999484ada9a2c1bfc1d6d4e0eae9
180141e1e283d3d3d5b5b517a7a66999984adada2c1c1c1d6d6e0eaea
185141d1e283b3d3d595b51777a66949984a9ada2bfc1c1d4d6e0e9ea
190141c1e28393d3d565b51737a66909984a6ada2bcc1c1d2d6e0e8ea
195141c1e28383d3d545b51707a668c9984a3ada2bac1c1d1d6e0e8ea
200141b1e28363d3d515b516c7a668899849fada2b7c1c1cfd6e0e7ea
205141a1e28343d3d4f5b51697a668399849cada2b4c1c1cdd6e0e6ea
21014191e28333d3d4c5b51667a667f998498ada2b2c1c1cbd6e0e5ea
21514181e28313d3d495b51627a667b998495ada2afc1c1cad6e0e4ea
22014171e282f3d3d475b515f7a6677998492ada2adc1c1c8d6e0e3ea
22514161e282d3d3d445b515b7a667299848eada2aac1c1c6d6e0e2ea
23014161e282c3d3d425b51587a666e99848bada2a8c1c1c5d6e0e2ea
23514151e282a3d3d3f5b51557a666a998487ada2a5c1c1c3d6e0e1ea
24014141e28283d3d3d5b51517a6666998484ada2a2c1c1c1d6e0e0ea
24515141e2a283d3f3d5b55517a6a66998784ada5a2c1c3c1d6e1e0ea
25016141e2c283d423d5b58517a6e66998b84ada8a2c1c5c1d6e2e0ea
25516141e2d283d443d5b5b517a7266998e84adaaa2c1c6c1d6e2e0ea
26017141e2f283d473d5b5f517a7766999284adada2c1c8c1d6e3e0ea
26518141e31283d493d5b62517a7b66999584adafa2c1cac1d6e4e0ea
27019141e33283d4c3d5b66517a7f66999884adb2a2c1cbc1d6e5e0ea
2751a141e34283d4f3d5b69517a8366999c84adb4a2c1cdc1d6e6e0ea
2801b141e36283d513d5b6c517a8866999f84adb7a2c1cfc1d6e7e0ea
2851c141e38283d543d5b70517a8c6699a384adbaa2c1d1c1d6e8e0ea
2901c141e39283d563d5b73517a906699a684adbca2c1d2c1d6e8e0ea
2951d141e3b283d593d5b77517a946699a984adbfa2c1d4c1d6e9e0ea
3001e141e3d283d5b3d5b7a517a996699ad84adc1a2c1d6c1d6eae0ea
3051e141d3d283b5b3d597a5177996694ad84a9c1a2bfd6c1d4eae0e9
3101e141c3d28395b3d567a5173996690ad84a6c1a2bcd6c1d2eae0e8
3151e141c3d28385b3d547a517099668cad84a3c1a2bad6c1d1eae0e8
3201e141b3d28365b3d517a516c996688ad849fc1a2b7d6c1cfeae0e7
3251e141a3d28345b3d4f7a5169996683ad849cc1a2b4d6c1cdeae0e6
3301e14193d28335b3d4c7a516699667fad8498c1a2b2d6c1cbeae0e5
3351e14183d28315b3d497a516299667bad8495c1a2afd6c1caeae0e4
3401e14173d282f5b3d477a515f996677ad8492c1a2add6c1c8eae0e3
3451e14163d282d5b3d447a515b996672ad848ec1a2aad6c1c6eae0e2
3501e14163d282c5b3d427a515899666ead848bc1a2a8d6c1c5eae0e2
3551e14153d282a5b3d3f7a515599666aad8487c1a2a5d6c1c3eae0e1

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法