色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#88e51f
データ
赤
136
緑
229
青
31
色相
88°
白
12%
黒
10%
彩度
79%
明度
51%
輝度
70%
色調 = 強い
色相 = 88°
3桁
#9e3
#9e2
#9e1
#9d3
#9d2
#9d1
#9c3
#9c2
#9c1
#8e3
#8e2
#8e1
#8d3
#8d2
#8d1
#8c3
#8c2
#8c1
#7e3
#7e2
#7e1
#7d3
#7d2
#7d1
#7c3
#7c2
#7c1
名前付き
yellowgreen
lawngreen
chartreuse
greenyellow
limegreen
olivedrab
darkkhaki
goldenrod
olive
darkgoldenrod
lightgreen
darkseagreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-75 : 13
-60 : 28
-45 : 43
-30 : 58
-15 : 73
-10 : 78
-5 : 83
-2 : 86
±0 : 88
+2 : 90
+5 : 93
+10 : 98
+15 : 103
+30 : 118
+45 : 133
+60 : 148
+75 : 163
+90 : 178
+105 : 193
+120 : 208
+135 : 223
+150 : 238
+165 : 253
+180 : 268
+195 : 283
+210 : 298
+225 : 313
+240 : 328
+255 : 343
+270 : 358
彩度
+21 : 100
+17 : 96
+13 : 92
+9 : 88
+5 : 84
+3 : 82
+2 : 81
+1 : 80
±0 : 79
-2 : 77
-3 : 76
-7 : 72
-11 : 68
-15 : 64
-19 : 60
-23 : 56
-27 : 52
-29 : 50
-31 : 48
-35 : 44
-39 : 40
-43 : 36
-47 : 32
-51 : 28
-55 : 24
-59 : 20
-63 : 16
-67 : 12
-71 : 8
-75 : 4
-79 : 0
明度
+49 : 100
+45 : 96
+41 : 92
+37 : 88
+33 : 84
+29 : 80
+25 : 76
+21 : 72
+17 : 68
+13 : 64
+9 : 60
+5 : 56
+3 : 54
+2 : 53
+1 : 52
±0 : 51
-1 : 50
-2 : 49
-3 : 48
-7 : 44
-11 : 40
-15 : 36
-19 : 32
-23 : 28
-27 : 24
-31 : 20
-35 : 16
-39 : 12
-43 : 8
-47 : 4
-51 : 0
白
-12 : 0
-8 : 4
-4 : 8
-3 : 9
-2 : 10
±0 : 12
+2 : 14
+3 : 15
+4 : 16
+8 : 20
+12 : 24
+16 : 28
+20 : 32
+24 : 36
+28 : 40
+32 : 44
+36 : 48
+38 : 50
+40 : 52
+44 : 56
+48 : 60
+52 : 64
+56 : 68
+60 : 72
+64 : 76
+68 : 80
+72 : 84
+76 : 88
+80 : 92
+84 : 96
+88 : 100
黒
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
赤
+119 : 255
+102 : 238
+85 : 221
+68 : 204
+51 : 187
+34 : 170
+17 : 153
+8 : 144
+4 : 140
+2 : 138
+1 : 137
±0 : 136
-1 : 135
-2 : 134
-4 : 132
-8 : 128
-17 : 119
-34 : 102
-51 : 85
-68 : 68
-85 : 51
-102 : 34
-119 : 17
-136 : 0
緑
+26 : 255
+9 : 238
+8 : 237
+4 : 233
+2 : 231
+1 : 230
±0 : 229
-1 : 228
-2 : 227
-4 : 225
-8 : 221
-25 : 204
-42 : 187
-59 : 170
-76 : 153
-93 : 136
-110 : 119
-127 : 102
-144 : 85
-161 : 68
-178 : 51
-195 : 34
-212 : 17
-229 : 0
青
+224 : 255
+207 : 238
+190 : 221
+173 : 204
+156 : 187
+139 : 170
+122 : 153
+105 : 136
+88 : 119
+71 : 102
+54 : 85
+37 : 68
+20 : 51
+8 : 39
+4 : 35
+3 : 34
+2 : 33
+1 : 32
±0 : 31
-1 : 30
-2 : 29
-4 : 27
-8 : 23
-14 : 17
-31 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000