色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#1d2334
データ
赤
29
緑
35
青
52
色相
224°
白
11%
黒
80%
彩度
28%
明度
16%
輝度
14%
色調 = 暗い灰色がかった
色相 = 224°
3桁
#334
#333
#332
#324
#323
#322
#314
#313
#312
#234
#233
#232
#224
#223
#222
#214
#213
#212
#134
#133
#132
#124
#123
#122
#114
#113
#112
名前付き
darkslategray
midnightblue
black
darkgreen
navy
darkolivegreen
indigo
darkblue
darkslateblue
forestgreen
green
seagreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-210 : 14
-195 : 29
-180 : 44
-165 : 59
-150 : 74
-135 : 89
-120 : 104
-105 : 119
-90 : 134
-75 : 149
-60 : 164
-45 : 179
-30 : 194
-15 : 209
-10 : 214
-5 : 219
-2 : 222
±0 : 224
+2 : 226
+5 : 229
+10 : 234
+15 : 239
+30 : 254
+45 : 269
+60 : 284
+75 : 299
+90 : 314
+105 : 329
+120 : 344
+135 : 359
彩度
+72 : 100
+68 : 96
+64 : 92
+60 : 88
+56 : 84
+52 : 80
+48 : 76
+44 : 72
+40 : 68
+36 : 64
+32 : 60
+28 : 56
+24 : 52
+22 : 50
+20 : 48
+16 : 44
+12 : 40
+8 : 36
+4 : 32
+3 : 31
+2 : 30
±0 : 28
-2 : 26
-3 : 25
-4 : 24
-8 : 20
-12 : 16
-16 : 12
-20 : 8
-24 : 4
-28 : 0
明度
+84 : 100
+80 : 96
+76 : 92
+72 : 88
+68 : 84
+64 : 80
+60 : 76
+56 : 72
+52 : 68
+48 : 64
+44 : 60
+40 : 56
+36 : 52
+34 : 50
+32 : 48
+28 : 44
+24 : 40
+20 : 36
+16 : 32
+12 : 28
+8 : 24
+4 : 20
+3 : 19
+2 : 18
±0 : 16
-2 : 14
-3 : 13
-4 : 12
-8 : 8
-12 : 4
-16 : 0
白
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 100
黒
-80 : 0
-76 : 4
-72 : 8
-68 : 12
-64 : 16
-60 : 20
-56 : 24
-52 : 28
-48 : 32
-44 : 36
-40 : 40
-36 : 44
-32 : 48
-30 : 50
-28 : 52
-24 : 56
-20 : 60
-16 : 64
-12 : 68
-8 : 72
-4 : 76
-3 : 77
-2 : 78
±0 : 80
+2 : 82
+3 : 83
+4 : 84
+8 : 88
+12 : 92
+16 : 96
+20 : 100
赤
+226 : 255
+209 : 238
+192 : 221
+175 : 204
+158 : 187
+141 : 170
+124 : 153
+107 : 136
+90 : 119
+73 : 102
+56 : 85
+39 : 68
+22 : 51
+8 : 37
+5 : 34
+4 : 33
+2 : 31
+1 : 30
±0 : 29
-1 : 28
-2 : 27
-4 : 25
-8 : 21
-12 : 17
-29 : 0
緑
+220 : 255
+203 : 238
+186 : 221
+169 : 204
+152 : 187
+135 : 170
+118 : 153
+101 : 136
+84 : 119
+67 : 102
+50 : 85
+33 : 68
+16 : 51
+8 : 43
+4 : 39
+2 : 37
+1 : 36
±0 : 35
-1 : 34
-2 : 33
-4 : 31
-8 : 27
-18 : 17
-35 : 0
青
+203 : 255
+186 : 238
+169 : 221
+152 : 204
+135 : 187
+118 : 170
+101 : 153
+84 : 136
+67 : 119
+50 : 102
+33 : 85
+16 : 68
+8 : 60
+4 : 56
+2 : 54
+1 : 53
±0 : 52
-1 : 51
-2 : 50
-4 : 48
-8 : 44
-18 : 34
-35 : 17
-52 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000