色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#7bca94
データ
赤
123
緑
202
青
148
色相
139°
白
48%
黒
21%
彩度
43%
明度
64%
輝度
68%
色調 = 柔らかい
色相 = 139°
3桁
#8da
#8d9
#8d8
#8ca
#8c9
#8c8
#8ba
#8b9
#8b8
#7da
#7d9
#7d8
#7ca
#7c9
#7c8
#7ba
#7b9
#7b8
#6da
#6d9
#6d8
#6ca
#6c9
#6c8
#6ba
#6b9
#6b8
名前付き
darkseagreen
mediumaquamarine
lightgreen
cadetblue
palegreen
darkgray
lightslategray
slategray
mediumseagreen
mediumturquoise
gray
darkkhaki
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-135 : 4
-120 : 19
-105 : 34
-90 : 49
-75 : 64
-60 : 79
-45 : 94
-30 : 109
-15 : 124
-10 : 129
-5 : 134
-2 : 137
±0 : 139
+2 : 141
+5 : 144
+10 : 149
+15 : 154
+30 : 169
+45 : 184
+60 : 199
+75 : 214
+90 : 229
+105 : 244
+120 : 259
+135 : 274
+150 : 289
+165 : 304
+180 : 319
+195 : 334
+210 : 349
彩度
+57 : 100
+53 : 96
+49 : 92
+45 : 88
+41 : 84
+37 : 80
+33 : 76
+29 : 72
+25 : 68
+21 : 64
+17 : 60
+13 : 56
+9 : 52
+7 : 50
+5 : 48
+3 : 46
+2 : 45
+1 : 44
±0 : 43
-2 : 41
-3 : 40
-7 : 36
-11 : 32
-15 : 28
-19 : 24
-23 : 20
-27 : 16
-31 : 12
-35 : 8
-39 : 4
-43 : 0
明度
+36 : 100
+32 : 96
+28 : 92
+24 : 88
+20 : 84
+16 : 80
+12 : 76
+8 : 72
+4 : 68
+3 : 67
+2 : 66
±0 : 64
-2 : 62
-3 : 61
-4 : 60
-8 : 56
-12 : 52
-14 : 50
-16 : 48
-20 : 44
-24 : 40
-28 : 36
-32 : 32
-36 : 28
-40 : 24
-44 : 20
-48 : 16
-52 : 12
-56 : 8
-60 : 4
-64 : 0
白
-48 : 0
-44 : 4
-40 : 8
-36 : 12
-32 : 16
-28 : 20
-24 : 24
-20 : 28
-16 : 32
-12 : 36
-8 : 40
-4 : 44
-3 : 45
-2 : 46
±0 : 48
+2 : 50
+3 : 51
+4 : 52
+8 : 56
+12 : 60
+16 : 64
+20 : 68
+24 : 72
+28 : 76
+32 : 80
+36 : 84
+40 : 88
+44 : 92
+48 : 96
+52 : 100
黒
-21 : 0
-17 : 4
-13 : 8
-9 : 12
-5 : 16
-3 : 18
-2 : 19
-1 : 20
±0 : 21
+2 : 23
+3 : 24
+7 : 28
+11 : 32
+15 : 36
+19 : 40
+23 : 44
+27 : 48
+29 : 50
+31 : 52
+35 : 56
+39 : 60
+43 : 64
+47 : 68
+51 : 72
+55 : 76
+59 : 80
+63 : 84
+67 : 88
+71 : 92
+75 : 96
+79 : 100
赤
+132 : 255
+115 : 238
+98 : 221
+81 : 204
+64 : 187
+47 : 170
+30 : 153
+13 : 136
+8 : 131
+4 : 127
+2 : 125
+1 : 124
±0 : 123
-1 : 122
-2 : 121
-4 : 119
-8 : 115
-21 : 102
-38 : 85
-55 : 68
-72 : 51
-89 : 34
-106 : 17
-123 : 0
緑
+53 : 255
+36 : 238
+19 : 221
+8 : 210
+4 : 206
+2 : 204
+1 : 203
±0 : 202
-1 : 201
-2 : 200
-4 : 198
-8 : 194
-15 : 187
-32 : 170
-49 : 153
-66 : 136
-83 : 119
-100 : 102
-117 : 85
-134 : 68
-151 : 51
-168 : 34
-185 : 17
-202 : 0
青
+107 : 255
+90 : 238
+73 : 221
+56 : 204
+39 : 187
+22 : 170
+8 : 156
+5 : 153
+4 : 152
+2 : 150
+1 : 149
±0 : 148
-1 : 147
-2 : 146
-4 : 144
-8 : 140
-12 : 136
-29 : 119
-46 : 102
-63 : 85
-80 : 68
-97 : 51
-114 : 34
-131 : 17
-148 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000