色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#83a47f
データ
赤
131
緑
164
青
127
色相
114°
白
50%
黒
36%
彩度
17%
明度
57%
輝度
59%
色調 = 明るい灰色がかった
色相 = 114°
3桁
#9b8
#9b7
#9b6
#9a8
#9a7
#9a6
#998
#997
#996
#8b8
#8b7
#8b6
#8a8
#8a7
#8a6
#898
#897
#896
#7b8
#7b7
#7b6
#7a8
#7a7
#7a6
#798
#797
#796
名前付き
darkseagreen
gray
lightslategray
slategray
cadetblue
darkgray
rosybrown
darkkhaki
mediumaquamarine
dimgray
mediumseagreen
lightgreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-105 : 9
-90 : 24
-75 : 39
-60 : 54
-45 : 69
-30 : 84
-15 : 99
-10 : 104
-5 : 109
-2 : 112
±0 : 114
+2 : 116
+5 : 119
+10 : 124
+15 : 129
+30 : 144
+45 : 159
+60 : 174
+75 : 189
+90 : 204
+105 : 219
+120 : 234
+135 : 249
+150 : 264
+165 : 279
+180 : 294
+195 : 309
+210 : 324
+225 : 339
+240 : 354
彩度
+83 : 100
+79 : 96
+75 : 92
+71 : 88
+67 : 84
+63 : 80
+59 : 76
+55 : 72
+51 : 68
+47 : 64
+43 : 60
+39 : 56
+35 : 52
+33 : 50
+31 : 48
+27 : 44
+23 : 40
+19 : 36
+15 : 32
+11 : 28
+7 : 24
+3 : 20
+2 : 19
±0 : 17
-1 : 16
-2 : 15
-3 : 14
-5 : 12
-9 : 8
-13 : 4
-17 : 0
明度
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
白
-50 : 0
-46 : 4
-42 : 8
-38 : 12
-34 : 16
-30 : 20
-26 : 24
-22 : 28
-18 : 32
-14 : 36
-10 : 40
-6 : 44
-3 : 47
-2 : 48
±0 : 50
+2 : 52
+3 : 53
+6 : 56
+10 : 60
+14 : 64
+18 : 68
+22 : 72
+26 : 76
+30 : 80
+34 : 84
+38 : 88
+42 : 92
+46 : 96
+50 : 100
黒
-36 : 0
-32 : 4
-28 : 8
-24 : 12
-20 : 16
-16 : 20
-12 : 24
-8 : 28
-4 : 32
-3 : 33
-2 : 34
±0 : 36
+2 : 38
+3 : 39
+4 : 40
+8 : 44
+12 : 48
+14 : 50
+16 : 52
+20 : 56
+24 : 60
+28 : 64
+32 : 68
+36 : 72
+40 : 76
+44 : 80
+48 : 84
+52 : 88
+56 : 92
+60 : 96
+64 : 100
赤
+124 : 255
+107 : 238
+90 : 221
+73 : 204
+56 : 187
+39 : 170
+22 : 153
+8 : 139
+5 : 136
+4 : 135
+2 : 133
+1 : 132
±0 : 131
-1 : 130
-2 : 129
-4 : 127
-8 : 123
-12 : 119
-29 : 102
-46 : 85
-63 : 68
-80 : 51
-97 : 34
-114 : 17
-131 : 0
緑
+91 : 255
+74 : 238
+57 : 221
+40 : 204
+23 : 187
+8 : 172
+6 : 170
+4 : 168
+2 : 166
+1 : 165
±0 : 164
-1 : 163
-2 : 162
-4 : 160
-8 : 156
-11 : 153
-28 : 136
-45 : 119
-62 : 102
-79 : 85
-96 : 68
-113 : 51
-130 : 34
-147 : 17
-164 : 0
青
+128 : 255
+111 : 238
+94 : 221
+77 : 204
+60 : 187
+43 : 170
+26 : 153
+9 : 136
+8 : 135
+4 : 131
+2 : 129
+1 : 128
±0 : 127
-1 : 126
-2 : 125
-4 : 123
-8 : 119
-25 : 102
-42 : 85
-59 : 68
-76 : 51
-93 : 34
-110 : 17
-127 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000