色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#08b975
データ
赤
8
緑
185
青
117
色相
157°
白
3%
黒
27%
彩度
92%
明度
38%
輝度
49%
色調 = 鈍い
色相 = 157°
3桁
#2c8
#2c7
#2c6
#2b8
#2b7
#2b6
#2a8
#2a7
#2a6
#1c8
#1c7
#1c6
#1b8
#1b7
#1b6
#1a8
#1a7
#1a6
#0c8
#0c7
#0c6
#0b8
#0b7
#0b6
#0a8
#0a7
#0a6
名前付き
darkcyan
mediumseagreen
lightseagreen
teal
seagreen
springgreen
mediumspringgreen
limegreen
darkturquoise
forestgreen
cadetblue
steelblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 7
-135 : 22
-120 : 37
-105 : 52
-90 : 67
-75 : 82
-60 : 97
-45 : 112
-30 : 127
-15 : 142
-10 : 147
-5 : 152
-2 : 155
±0 : 157
+2 : 159
+5 : 162
+10 : 167
+15 : 172
+30 : 187
+45 : 202
+60 : 217
+75 : 232
+90 : 247
+105 : 262
+120 : 277
+135 : 292
+150 : 307
+165 : 322
+180 : 337
+195 : 352
彩度
+8 : 100
+4 : 96
+3 : 95
+2 : 94
±0 : 92
-2 : 90
-3 : 89
-4 : 88
-8 : 84
-12 : 80
-16 : 76
-20 : 72
-24 : 68
-28 : 64
-32 : 60
-36 : 56
-40 : 52
-42 : 50
-44 : 48
-48 : 44
-52 : 40
-56 : 36
-60 : 32
-64 : 28
-68 : 24
-72 : 20
-76 : 16
-80 : 12
-84 : 8
-88 : 4
-92 : 0
明度
+62 : 100
+58 : 96
+54 : 92
+50 : 88
+46 : 84
+42 : 80
+38 : 76
+34 : 72
+30 : 68
+26 : 64
+22 : 60
+18 : 56
+14 : 52
+12 : 50
+10 : 48
+6 : 44
+3 : 41
+2 : 40
±0 : 38
-2 : 36
-3 : 35
-6 : 32
-10 : 28
-14 : 24
-18 : 20
-22 : 16
-26 : 12
-30 : 8
-34 : 4
-38 : 0
白
-3 : 0
-2 : 1
±0 : 3
+1 : 4
+2 : 5
+3 : 6
+5 : 8
+9 : 12
+13 : 16
+17 : 20
+21 : 24
+25 : 28
+29 : 32
+33 : 36
+37 : 40
+41 : 44
+45 : 48
+47 : 50
+49 : 52
+53 : 56
+57 : 60
+61 : 64
+65 : 68
+69 : 72
+73 : 76
+77 : 80
+81 : 84
+85 : 88
+89 : 92
+93 : 96
+97 : 100
黒
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 100
赤
+247 : 255
+230 : 238
+213 : 221
+196 : 204
+179 : 187
+162 : 170
+145 : 153
+128 : 136
+111 : 119
+94 : 102
+77 : 85
+60 : 68
+43 : 51
+26 : 34
+9 : 17
+8 : 16
+4 : 12
+2 : 10
+1 : 9
±0 : 8
-1 : 7
-2 : 6
-4 : 4
-8 : 0
緑
+70 : 255
+53 : 238
+36 : 221
+19 : 204
+8 : 193
+4 : 189
+2 : 187
+1 : 186
±0 : 185
-1 : 184
-2 : 183
-4 : 181
-8 : 177
-15 : 170
-32 : 153
-49 : 136
-66 : 119
-83 : 102
-100 : 85
-117 : 68
-134 : 51
-151 : 34
-168 : 17
-185 : 0
青
+138 : 255
+121 : 238
+104 : 221
+87 : 204
+70 : 187
+53 : 170
+36 : 153
+19 : 136
+8 : 125
+4 : 121
+2 : 119
+1 : 118
±0 : 117
-1 : 116
-2 : 115
-4 : 113
-8 : 109
-15 : 102
-32 : 85
-49 : 68
-66 : 51
-83 : 34
-100 : 17
-117 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000