色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#151da0
データ
赤
21
緑
29
青
160
色相
237°
白
8%
黒
37%
彩度
77%
明度
35%
輝度
16%
色調 = 深い
色相 = 237°
3桁
#23a
#239
#238
#22a
#229
#228
#21a
#219
#218
#13a
#139
#138
#12a
#129
#128
#11a
#119
#118
#03a
#039
#038
#02a
#029
#028
#01a
#019
#018
名前付き
darkblue
navy
midnightblue
mediumblue
darkslateblue
indigo
rebeccapurple
darkslategray
blue
teal
royalblue
slateblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 12
-210 : 27
-195 : 42
-180 : 57
-165 : 72
-150 : 87
-135 : 102
-120 : 117
-105 : 132
-90 : 147
-75 : 162
-60 : 177
-45 : 192
-30 : 207
-15 : 222
-10 : 227
-5 : 232
-2 : 235
±0 : 237
+2 : 239
+5 : 242
+10 : 247
+15 : 252
+30 : 267
+45 : 282
+60 : 297
+75 : 312
+90 : 327
+105 : 342
+120 : 357
彩度
+23 : 100
+19 : 96
+15 : 92
+11 : 88
+7 : 84
+3 : 80
+2 : 79
±0 : 77
-1 : 76
-2 : 75
-3 : 74
-5 : 72
-9 : 68
-13 : 64
-17 : 60
-21 : 56
-25 : 52
-27 : 50
-29 : 48
-33 : 44
-37 : 40
-41 : 36
-45 : 32
-49 : 28
-53 : 24
-57 : 20
-61 : 16
-65 : 12
-69 : 8
-73 : 4
-77 : 0
明度
+65 : 100
+61 : 96
+57 : 92
+53 : 88
+49 : 84
+45 : 80
+41 : 76
+37 : 72
+33 : 68
+29 : 64
+25 : 60
+21 : 56
+17 : 52
+15 : 50
+13 : 48
+9 : 44
+5 : 40
+3 : 38
+2 : 37
+1 : 36
±0 : 35
-2 : 33
-3 : 32
-7 : 28
-11 : 24
-15 : 20
-19 : 16
-23 : 12
-27 : 8
-31 : 4
-35 : 0
白
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
黒
-37 : 0
-33 : 4
-29 : 8
-25 : 12
-21 : 16
-17 : 20
-13 : 24
-9 : 28
-5 : 32
-3 : 34
-2 : 35
-1 : 36
±0 : 37
+2 : 39
+3 : 40
+7 : 44
+11 : 48
+13 : 50
+15 : 52
+19 : 56
+23 : 60
+27 : 64
+31 : 68
+35 : 72
+39 : 76
+43 : 80
+47 : 84
+51 : 88
+55 : 92
+59 : 96
+63 : 100
赤
+234 : 255
+217 : 238
+200 : 221
+183 : 204
+166 : 187
+149 : 170
+132 : 153
+115 : 136
+98 : 119
+81 : 102
+64 : 85
+47 : 68
+30 : 51
+13 : 34
+8 : 29
+4 : 25
+2 : 23
+1 : 22
±0 : 21
-1 : 20
-2 : 19
-4 : 17
-8 : 13
-21 : 0
緑
+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
青
+95 : 255
+78 : 238
+61 : 221
+44 : 204
+27 : 187
+10 : 170
+8 : 168
+4 : 164
+2 : 162
+1 : 161
±0 : 160
-1 : 159
-2 : 158
-4 : 156
-7 : 153
-8 : 152
-24 : 136
-41 : 119
-58 : 102
-75 : 85
-92 : 68
-109 : 51
-126 : 34
-143 : 17
-160 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000