色系統 ( Red ) のサンプル ( 色見本 ) として、色相345~15までを、彩度、明度別に表示しています。赤色系統は暖色系の代表的な色で、その色からは「激しい」「熱い」「エネルギッシュ」といったイメージ、「炎」「情熱」「太陽」「火」といった単語を連想することができます。赤色は明暗のはっきりした色を好む赤子にも認識できる色として、強烈なイメージを与えてくれます。強調や注意の色にこの赤色を使用するのも恐らくその性質からでしょう。自己主張の強い色ですので、原色の赤はなるべく避け、明度や彩度に変化をつけて配色するとよいかもしれません。※ 一般的に暖色系の色は大きく、また近くに見える性質があります。

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

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c16181e1416211115230f14260c13280a112b07102d050f30020e33000c
明度 20382d303d282d42232b471e284c1926511423560f215b0a1e60051c660019
明度 305444485b3d446335406b2d3d7226397a1e35821631890f2d91072a990026
明度 40705b607a515b8447568e3d5199334ca32847ad1e42b7143dc10a38cc0033
明度 508c7278996672a5596cb24c65bf3f5fcc3259d82652e5194cf20c46ff003f
明度 60a38e93ad848eb77a89c16f84cc657fd65b7ae05175ea4770f43d6bff3265
明度 70baaaaec1a2aac99ba6d193a3d88b9fe0849be77c97ef7593f76d8fff658c
明度 80d1c6c9d6c1c6dbbcc4e0b7c1e5b2bfeaadbcefa8baf4a3b7f99eb5ff99b2
明度 90e8e2e4eae0e2ecdee1efdbe0f2d8dff4d6ddf7d3dcf9d1dbfccedaffccd8
明度100f3f0f1f4eff0f5eef0f7eceff8ebeef9eaeefbe9edfce7ecfde6ecffe5eb

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

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c16171e1416211114230f12260c11280a0f2b070d2d050b30020a330008
明度 20382d2f3d282c422328471e254c192251141e560f1b5b0a17600514660011
明度 305444475b3d4263353c6b2d387226327a1e2d821628890f2391071e990019
明度 40705b5f7a51588447518e3d4a993344a3283dad1e36b7142fc10a28cc0022
明度 508c727699666ea55965b24c5dbf3f55cc324cd82644e5193bf20c33ff002a
明度 60a38e91ad848bb77a84c16f7dcc6576d65b70e05169ea4762f43d5bff3254
明度 70baaaadc1a2a8c99ba3d1939ed88b98e08493e77c8eef7589f76d84ff657f
明度 80d1c6c8d6c1c5dbbcc1e0b7bee5b2bbeaadb7efa8b4f4a3b0f99eadff99aa
明度 90e8e2e3eae0e2ecdee0efdbdef2d8ddf4d6dbf7d3d9f9d1d7fcced6ffccd4
明度100f3f0f1f4eff0f5eeeff7eceef8ebedf9eaecfbe9ecfce7ebfde6eaffe5e9

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

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c16171e1415211113230f11260c0e280a0c2b070a2d0508300206330004
明度 20382d2e3d282a422326471e224c191d511419560f155b0a1160050c660008
明度 305444455b3d3f6335396b2d3272262c7a1e2682161f890f1991071399000c
明度 40705b5d7a515584474c8e3d4499333ba32833ad1e2ab71422c10a19cc0011
明度 508c727499666aa5595fb24c55bf3f4acc323fd82635e5192af20c1fff0015
明度 60a38e90ad8487b77a7fc16f76cc656ed65b65e0515dea4754f43d4cff3243
明度 70baaaabc1a2a5c99b9fd19399d88b92e0848ce77c85ef757ff76d78ff6572
明度 80d1c6c7d6c1c3dbbcbfe0b7bbe5b2b6eaadb2efa8aef4a3aaf99ea5ff99a1
明度 90e8e2e3eae0e1ecdedfefdbddf2d8daf4d6d8f7d3d6f9d1d4fcced2ffccd0
明度100f3f0f1f4eff0f5eeeff7ecedf8ebecf9eaebfbe9eafce7e9fde6e8ffe5e7

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

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c16161e1414211111230f0f260c0c280a0a2b07072d0505300202330000
明度 20382d2d3d2828422323471e1e4c1919511414560f0f5b0a0a600505660000
明度 305444445b3d3d6335356b2d2d7226267a1e1e821616890f0f910707990000
明度 40705b5b7a51518447478e3d3d993333a32828ad1e1eb71414c10a0acc0000
明度 508c7272996666a55959b24c4cbf3f3fcc3232d82626e51919f20c0cff0000
明度 60a38e8ead8484b77a7ac16f6fcc6565d65b5be05151ea4747f43d3dff3232
明度 70baaaaac1a2a2c99b9bd19393d88b8be08484e77c7cef7575f76d6dff6565
明度 80d1c6c6d6c1c1dbbcbce0b7b7e5b2b2eaadadefa8a8f4a3a3f99e9eff9999
明度 90e8e2e2eae0e0ecdedeefdbdbf2d8d8f4d6d6f7d3d3f9d1d1fcceceffcccc
明度100f3f0f0f4efeff5eeeef7ececf8ebebf9eaeafbe9e9fce7e7fde6e6ffe5e5

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

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c17161e151421131123110f260e0c280c0a2b0a072d0805300602330400
明度 20382e2d3d2a2842262347221e4c1d1951191456150f5b110a600c05660800
明度 305445445b3f3d6339356b322d722c267a261e821f1689190f911307990c00
明度 40705d5b7a5551844c478e443d993b33a33328ad2a1eb72214c1190acc1100
明度 508c7472996a66a55f59b2554cbf4a3fcc3f32d83526e52a19f21f0cff1500
明度 60a3908ead8784b77f7ac1766fcc6e65d6655be05d51ea5447f44c3dff4332
明度 70baabaac1a5a2c99f9bd19993d8928be08c84e7857cef7f75f7786dff7265
明度 80d1c7c6d6c3c1dbbfbce0bbb7e5b6b2eab2adefaea8f4aaa3f9a59effa199
明度 90e8e3e2eae1e0ecdfdeefdddbf2dad8f4d8d6f7d6d3f9d4d1fcd2ceffd0cc
明度100f3f1f0f4f0eff5efeef7edecf8ecebf9ebeafbeae9fce9e7fde8e6ffe7e5

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

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c17161e161421141123120f26110c280f0a2b0d072d0b05300a02330800
明度 20382f2d3d2c2842282347251e4c2219511e14561b0f5b170a601405661100
明度 305447445b423d633c356b382d7232267a2d1e82281689230f911e07991900
明度 40705f5b7a58518451478e4a3d994433a33d28ad361eb72f14c1280acc2200
明度 508c7672996e66a56559b25d4cbf553fcc4c32d84426e53b19f2330cff2a00
明度 60a3918ead8b84b7847ac17d6fcc7665d6705be06951ea6247f45b3dff5432
明度 70baadaac1a8a2c9a39bd19e93d8988be09384e78e7cef8975f7846dff7f65
明度 80d1c8c6d6c5c1dbc1bce0beb7e5bbb2eab7adefb4a8f4b0a3f9ad9effaa99
明度 90e8e3e2eae2e0ece0deefdedbf2ddd8f4dbd6f7d9d3f9d7d1fcd6ceffd4cc
明度100f3f1f0f4f0eff5efeef7eeecf8edebf9eceafbece9fcebe7fdeae6ffe9e5

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

彩度 10彩度 20彩度 30彩度 40彩度 50彩度 60彩度 70彩度 80彩度 90彩度100
明度 101c18161e161421151123140f26130c28110a2b10072d0f05300e02330c00
明度 2038302d3d2d28422b2347281e4c261951231456210f5b1e0a601c05661900
明度 305448445b443d6340356b3d2d7239267a351e823116892d0f912a07992600
明度 4070605b7a5b518456478e513d994c33a34728ad421eb73d14c1380acc3300
明度 508c7872997266a56c59b2654cbf5f3fcc5932d85226e54c19f2460cff3f00
明度 60a3938ead8e84b7897ac1846fcc7f65d67a5be07551ea7047f46b3dff6532
明度 70baaeaac1aaa2c9a69bd1a393d89f8be09b84e7977cef9375f78f6dff8c65
明度 80d1c9c6d6c6c1dbc4bce0c1b7e5bfb2eabcadefbaa8f4b7a3f9b59effb299
明度 90e8e4e2eae2e0ece1deefe0dbf2dfd8f4ddd6f7dcd3f9dbd1fcdaceffd8cc
明度100f3f1f0f4f0eff5f0eef7efecf8eeebf9eeeafbede9fcece7fdece6ffebe5

チェック時[ # ]付加

背景

サブ

メイン

文字

文字非表示 | 文字表示

色見本(Top) | 操作方法