色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#55aa61
データ
赤
85
緑
170
青
97
色相
128°
白
33%
黒
33%
彩度
33%
明度
50%
輝度
53%
色調 = 灰色がかった
色相 = 128°
3桁
#6b7
#6b6
#6b5
#6a7
#6a6
#6a5
#697
#696
#695
#5b7
#5b6
#5b5
#5a7
#5a6
#5a5
#597
#596
#595
#4b7
#4b6
#4b5
#4a7
#4a6
#4a5
#497
#496
#495
名前付き
mediumseagreen
seagreen
cadetblue
gray
limegreen
dimgray
slategray
olivedrab
lightslategray
darkseagreen
darkolivegreen
mediumaquamarine
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 8
-105 : 23
-90 : 38
-75 : 53
-60 : 68
-45 : 83
-30 : 98
-15 : 113
-10 : 118
-5 : 123
-2 : 126
±0 : 128
+2 : 130
+5 : 133
+10 : 138
+15 : 143
+30 : 158
+45 : 173
+60 : 188
+75 : 203
+90 : 218
+105 : 233
+120 : 248
+135 : 263
+150 : 278
+165 : 293
+180 : 308
+195 : 323
+210 : 338
+225 : 353
彩度
+67 : 100
+63 : 96
+59 : 92
+55 : 88
+51 : 84
+47 : 80
+43 : 76
+39 : 72
+35 : 68
+31 : 64
+27 : 60
+23 : 56
+19 : 52
+17 : 50
+15 : 48
+11 : 44
+7 : 40
+3 : 36
+2 : 35
±0 : 33
-1 : 32
-2 : 31
-3 : 30
-5 : 28
-9 : 24
-13 : 20
-17 : 16
-21 : 12
-25 : 8
-29 : 4
-33 : 0
明度
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
白
-33 : 0
-29 : 4
-25 : 8
-21 : 12
-17 : 16
-13 : 20
-9 : 24
-5 : 28
-3 : 30
-2 : 31
-1 : 32
±0 : 33
+2 : 35
+3 : 36
+7 : 40
+11 : 44
+15 : 48
+17 : 50
+19 : 52
+23 : 56
+27 : 60
+31 : 64
+35 : 68
+39 : 72
+43 : 76
+47 : 80
+51 : 84
+55 : 88
+59 : 92
+63 : 96
+67 : 100
黒
-33 : 0
-29 : 4
-25 : 8
-21 : 12
-17 : 16
-13 : 20
-9 : 24
-5 : 28
-3 : 30
-2 : 31
-1 : 32
±0 : 33
+2 : 35
+3 : 36
+7 : 40
+11 : 44
+15 : 48
+17 : 50
+19 : 52
+23 : 56
+27 : 60
+31 : 64
+35 : 68
+39 : 72
+43 : 76
+47 : 80
+51 : 84
+55 : 88
+59 : 92
+63 : 96
+67 : 100
赤
+170 : 255
+153 : 238
+136 : 221
+119 : 204
+102 : 187
+85 : 170
+68 : 153
+51 : 136
+34 : 119
+17 : 102
+8 : 93
+4 : 89
+2 : 87
+1 : 86
±0 : 85
-1 : 84
-2 : 83
-4 : 81
-8 : 77
-17 : 68
-34 : 51
-51 : 34
-68 : 17
-85 : 0
緑
+85 : 255
+68 : 238
+51 : 221
+34 : 204
+17 : 187
+8 : 178
+4 : 174
+2 : 172
+1 : 171
±0 : 170
-1 : 169
-2 : 168
-4 : 166
-8 : 162
-17 : 153
-34 : 136
-51 : 119
-68 : 102
-85 : 85
-102 : 68
-119 : 51
-136 : 34
-153 : 17
-170 : 0
青
+158 : 255
+141 : 238
+124 : 221
+107 : 204
+90 : 187
+73 : 170
+56 : 153
+39 : 136
+22 : 119
+8 : 105
+5 : 102
+4 : 101
+2 : 99
+1 : 98
±0 : 97
-1 : 96
-2 : 95
-4 : 93
-8 : 89
-12 : 85
-29 : 68
-46 : 51
-63 : 34
-80 : 17
-97 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000