色系統 ( Blue ) のサンプル ( 色見本 ) として、色相200~250までを、彩度、明度別に表示しています。青色系統は寒色系の代表的な色で、その色からは「冷静」「冷たい」「寂しい」「男性的」といったイメージ、「空」「海」「プール」といった単語を連想することができます。青色は寒色系の代表色で、冷たいイメージを抱かせる半面、澄み切った清潔なイメージを持たせることができます。また、冷静、冷たいといった性質からか食欲を減退させる効果があり、男性に好まれる色でもあります。配色時には暖色系の色と組み合わせることで、暖色を際立たせることができます。※ 一般的に寒色系の色は小さく、また遠くに見える性質があります。

● 色見本 ・・・ 色相[ 200 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 10161a1c141b1e111c210f1c230c1d260a1e28071f2b05202d022130002233
明度 202d343828363d2338421e3947193b4c143d510f3e560a405b054260004466
明度 30444e543d515b3554632d566b2659721e5b7a165e820f6089076391006699
明度 405b6970516c7a4770843d738e337799287aa31e7dad1481b70a84c10088cc
明度 5072838c668899598ca54c90b23f94bf3298cc269dd819a1e50ca5f200aaff
明度 608e9ca3849fad7aa3b76fa6c165a9cc5badd651b0e047b4ea3db7f432baff
明度 70aab4baa2b7c19bb9c993bcd18bbfd884c1e07cc4e775c6ef6dc9f765cbff
明度 80c6cdd1c1cfd6bcd1dbb7d2e0b2d4e5add6eaa8d7efa3d9f49edbf999ddff
明度 90e2e6e8e0e7eadee7ecdbe8efd8e9f2d6eaf4d3ebf7d1ecf9ceedfccceeff
明度100f0f2f3eff3f4eef3f5ecf3f7ebf4f8eaf4f9e9f5fbe7f5fce6f5fde5f6ff

● 色見本 ・・・ 色相[ 205 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1016191c141a1e111a210f1b230c1b260a1c28071c2b051c2d021d30001d33
明度 202d333828343d2335421e364719374c1438510f38560a395b053a60003b66
明度 30444d543d4f5b3550632d516b2652721e547a1655820f5689075791005999
明度 405b677051697a476b843d6c8e336e992870a31e71ad1473b70a75c10077cc
明度 5072818c6683995985a54c88b23f8abf328ccc268ed81990e50c92f20094ff
明度 608e9aa3849cad7a9eb76f9fc165a1cc5ba3d651a4e047a6ea3da8f432a9ff
明度 70aab3baa2b4c19bb6c993b7d18bb8d884bae07cbbe775bcef6dbdf765bfff
明度 80c6ccd1c1cdd6bccedbb7cfe0b2d0e5add1eaa8d1efa3d2f49ed3f999d4ff
明度 90e2e5e8e0e6eadee6ecdbe7efd8e7f2d6e8f4d3e8f7d1e8f9cee9fccce9ff
明度100f0f2f3eff2f4eef2f5ecf2f7ebf3f8eaf3f9e9f3fbe7f3fce6f4fde5f4ff

● 色見本 ・・・ 色相[ 210 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1016191c14191e1119210f19230c19260a192807192b05192d021930001933
明度 202d333828333d2333421e334719334c1432510f33560a335b053260003366
明度 30444c543d4c5b354c632d4c6b264c721e4c7a164c820f4c89074c91004c99
明度 405b667051667a4766843d668e3366992865a31e66ad1466b70a65c10066cc
明度 50727f8c667f99597fa54c7fb23f7fbf327fcc267fd8197fe50c7ff2007fff
明度 608e98a38498ad7a99b76f98c16598cc5b99d65198e04798ea3d99f43298ff
明度 70aab2baa2b2c19bb2c993b2d18bb2d884b2e07cb2e775b2ef6db2f765b2ff
明度 80c6ccd1c1cbd6bcccdbb7cce0b2cce5adcceaa8ccefa3ccf49eccf999ccff
明度 90e2e5e8e0e5eadee5ecdbe5efd8e5f2d6e5f4d3e5f7d1e5f9cee5fccce5ff
明度100f0f2f3eff2f4eef2f5ecf2f7ebf2f8eaf2f9e9f2fbe7f2fce6f2fde5f2ff

● 色見本 ・・・ 色相[ 215 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1016191c14181e1118210f17230c17260a162807162b05162d021530001533
明度 202d323828313d2330421e2f47192e4c142d510f2d560a2c5b052b60002a66
明度 30444b543d495b3548632d476b2646721e447a1643820f4289074191003f99
明度 405b647051627a4760843d5f8e335d99285ba31e5aad1458b70a56c10055cc
明度 50727d8c667b995979a54c77b23f74bf3272cc2670d8196ee50c6cf2006aff
明度 608e97a38495ad7a93b76f92c16590cc5b8ed6518ce0478bea3d89f43287ff
明度 70aab1baa2afc19baec993add18babd884aae07ca9e775a8ef6da6f765a5ff
明度 80c6cbd1c1cad6bcc9dbb7c8e0b2c7e5adc6eaa8c6efa3c5f49ec4f999c3ff
明度 90e2e5e8e0e4eadee4ecdbe3efd8e3f2d6e2f4d3e2f7d1e2f9cee1fccce1ff
明度100f0f2f3eff1f4eef1f5ecf1f7ebf1f8eaf0f9e9f0fbe7f0fce6f0fde5efff

● 色見本 ・・・ 色相[ 220 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1016181c14171e1116210f16230c15260a142807132b05122d021130001133
明度 202d3138282f3d232d421e2c47192a4c1428510f27560a255b052360002266
明度 304449543d475b3544632d426b263f721e3d7a163a820f3789073591003399
明度 405b6270515f7a475b843d588e3355992851a31e4ead144ab70a47c10044cc
明度 50727b8c6677995972a54c6eb23f6abf3265cc2661d8195de50c59f20055ff
明度 608e95a38492ad7a8eb76f8bc16587cc5b84d65181e0477dea3d7af43276ff
明度 70aaafbaa2adc19baac993a8d18ba5d884a3e07ca0e7759def6d9bf76598ff
明度 80c6cad1c1c8d6bcc6dbb7c5e0b2c3e5adc1eaa8c0efa3bef49ebcf999bbff
明度 90e2e4e8e0e3eadee3ecdbe2efd8e1f2d6e0f4d3dff7d1def9ceddfcccddff
明度100f0f1f3eff1f4eef1f5ecf0f7ebeff8eaeff9e9effbe7eefce6eefde5edff

● 色見本 ・・・ 色相[ 225 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1016181c14161e1115210f14230c13260a112807102b050f2d020e30000c33
明度 202d3038282d3d232b421e284719264c1423510f21560a1e5b051c60001966
明度 304448543d445b3540632d3d6b2639721e357a1631820f2d89072a91002699
明度 405b6070515b7a4756843d518e334c992847a31e42ad143db70a38c10033cc
明度 5072788c667299596ca54c65b23f5fbf3259cc2652d8194ce50c46f2003fff
明度 608e93a3848ead7a89b76f84c1657fcc5b7ad65175e04770ea3d6bf43265ff
明度 70aaaebaa2aac19ba6c993a3d18b9fd8849be07c97e77593ef6d8ff7658cff
明度 80c6c9d1c1c6d6bcc4dbb7c1e0b2bfe5adbceaa8baefa3b7f49eb5f999b2ff
明度 90e2e4e8e0e2eadee1ecdbe0efd8dff2d6ddf4d3dcf7d1dbf9cedafcccd8ff
明度100f0f1f3eff0f4eef0f5eceff7ebeef8eaeef9e9edfbe7ecfce6ecfde5ebff

● 色見本 ・・・ 色相[ 230 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1016171c14161e1114210f12230c11260a0f28070d2b050b2d020a30000833
明度 202d2f38282c3d2328421e254719224c141e510f1b560a175b051460001166
明度 304447543d425b353c632d386b2632721e2d7a1628820f2389071e91001999
明度 405b5f7051587a4751843d4a8e334499283da31e36ad142fb70a28c10022cc
明度 5072768c666e995965a54c5db23f55bf324ccc2644d8193be50c33f2002aff
明度 608e91a3848bad7a84b76f7dc16576cc5b70d65169e04762ea3d5bf43254ff
明度 70aaadbaa2a8c19ba3c9939ed18b98d88493e07c8ee77589ef6d84f7657fff
明度 80c6c8d1c1c5d6bcc1dbb7bee0b2bbe5adb7eaa8b4efa3b0f49eadf999aaff
明度 90e2e3e8e0e2eadee0ecdbdeefd8ddf2d6dbf4d3d9f7d1d7f9ced6fcccd4ff
明度100f0f1f3eff0f4eeeff5eceef7ebedf8eaecf9e9ecfbe7ebfce6eafde5e9ff

● 色見本 ・・・ 色相[ 235 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1016171c14151e1113210f11230c0e260a0c28070a2b05082d020630000433
明度 202d2e38282a3d2326421e2247191d4c1419510f15560a115b050c60000866
明度 304445543d3f5b3539632d326b262c721e267a161f820f1989071391000c99
明度 405b5d7051557a474c843d448e333b992833a31e2aad1422b70a19c10011cc
明度 5072748c666a99595fa54c55b23f4abf323fcc2635d8192ae50c1ff20015ff
明度 608e90a38487ad7a7fb76f76c1656ecc5b65d6515de04754ea3d4cf43243ff
明度 70aaabbaa2a5c19b9fc99399d18b92d8848ce07c85e7757fef6d78f76572ff
明度 80c6c7d1c1c3d6bcbfdbb7bbe0b2b6e5adb2eaa8aeefa3aaf49ea5f999a1ff
明度 90e2e3e8e0e1eadedfecdbddefd8daf2d6d8f4d3d6f7d1d4f9ced2fcccd0ff
明度100f0f1f3eff0f4eeeff5ecedf7ebecf8eaebf9e9eafbe7e9fce6e8fde5e7ff

● 色見本 ・・・ 色相[ 240 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1016161c14141e1111210f0f230c0c260a0a2807072b05052d020230000033
明度 202d2d3828283d2323421e1e4719194c1414510f0f560a0a5b050560000066
明度 304444543d3d5b3535632d2d6b2626721e1e7a1616820f0f89070791000099
明度 405b5b7051517a4747843d3d8e3333992828a31e1ead1414b70a0ac10000cc
明度 5072728c6666995959a54c4cb23f3fbf3232cc2626d81919e50c0cf20000ff
明度 608e8ea38484ad7a7ab76f6fc16565cc5b5bd65151e04747ea3d3df43232ff
明度 70aaaabaa2a2c19b9bc99393d18b8bd88484e07c7ce77575ef6d6df76565ff
明度 80c6c6d1c1c1d6bcbcdbb7b7e0b2b2e5adadeaa8a8efa3a3f49e9ef99999ff
明度 90e2e2e8e0e0eadedeecdbdbefd8d8f2d6d6f4d3d3f7d1d1f9cecefcccccff
明度100f0f0f3efeff4eeeef5ececf7ebebf8eaeaf9e9e9fbe7e7fce6e6fde5e5ff

● 色見本 ・・・ 色相[ 245 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1017161c15141e131121110f230e0c260c0a280a072b08052d060230040033
明度 202e2d382a283d262342221e471d194c191451150f56110a5b0c0560080066
明度 304544543f3d5b393563322d6b2c2672261e7a1f1682190f891307910c0099
明度 405d5b7055517a4c4784443d8e3b33993328a32a1ead2214b7190ac11100cc
明度 5074728c6a66995f59a5554cb24a3fbf3f32cc3526d82a19e51f0cf21500ff
明度 60908ea38784ad7f7ab7766fc16e65cc655bd65d51e05447ea4c3df44332ff
明度 70abaabaa5a2c19f9bc99993d1928bd88c84e0857ce77f75ef786df77265ff
明度 80c7c6d1c3c1d6bfbcdbbbb7e0b6b2e5b2adeaaea8efaaa3f4a59ef9a199ff
明度 90e3e2e8e1e0eadfdeecdddbefdad8f2d8d6f4d6d3f7d4d1f9d2cefcd0ccff
明度100f1f0f3f0eff4efeef5edecf7ecebf8ebeaf9eae9fbe9e7fce8e6fde7e5ff

● 色見本 ・・・ 色相[ 250 ]

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 1017161c16141e141121120f23110c260f0a280d072b0b052d0a0230080033
明度 202f2d382c283d282342251e4722194c1e14511b0f56170a5b140560110066
明度 30474454423d5b3c3563382d6b3226722d1e7a281682230f891e0791190099
明度 405f5b7058517a5147844a3d8e4433993d28a3361ead2f14b7280ac12200cc
明度 5076728c6e66996559a55d4cb2553fbf4c32cc4426d83b19e5330cf22a00ff
明度 60918ea38b84ad847ab77d6fc17665cc705bd66951e06247ea5b3df45432ff
明度 70adaabaa8a2c1a39bc99e93d1988bd89384e08e7ce78975ef846df77f65ff
明度 80c8c6d1c5c1d6c1bcdbbeb7e0bbb2e5b7adeab4a8efb0a3f4ad9ef9aa99ff
明度 90e3e2e8e2e0eae0deecdedbefddd8f2dbd6f4d9d3f7d7d1f9d6cefcd4ccff
明度100f1f0f3f0eff4efeef5eeecf7edebf8eceaf9ece9fbebe7fceae6fde9e5ff

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法