色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#b0e626
データ
赤
176
緑
230
青
38
色相
77°
白
15%
黒
10%
彩度
79%
明度
53%
輝度
75%
色調 = 強い
色相 = 77°
3桁
#bf3
#bf2
#bf1
#be3
#be2
#be1
#bd3
#bd2
#bd1
#af3
#af2
#af1
#ae3
#ae2
#ae1
#ad3
#ad2
#ad1
#9f3
#9f2
#9f1
#9e3
#9e2
#9e1
#9d3
#9d2
#9d1
名前付き
greenyellow
yellowgreen
chartreuse
lawngreen
goldenrod
darkkhaki
gold
yellow
darkgoldenrod
peru
orange
lightgreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-75 : 2
-60 : 17
-45 : 32
-30 : 47
-15 : 62
-10 : 67
-5 : 72
-2 : 75
±0 : 77
+2 : 79
+5 : 82
+10 : 87
+15 : 92
+30 : 107
+45 : 122
+60 : 137
+75 : 152
+90 : 167
+105 : 182
+120 : 197
+135 : 212
+150 : 227
+165 : 242
+180 : 257
+195 : 272
+210 : 287
+225 : 302
+240 : 317
+255 : 332
+270 : 347
彩度
+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
明度
+47 : 100
+43 : 96
+39 : 92
+35 : 88
+31 : 84
+27 : 80
+23 : 76
+19 : 72
+15 : 68
+11 : 64
+7 : 60
+3 : 56
+2 : 55
±0 : 53
-1 : 52
-2 : 51
-3 : 50
-5 : 48
-9 : 44
-13 : 40
-17 : 36
-21 : 32
-25 : 28
-29 : 24
-33 : 20
-37 : 16
-41 : 12
-45 : 8
-49 : 4
-53 : 0
白
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 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
赤
+79 : 255
+62 : 238
+45 : 221
+28 : 204
+11 : 187
+8 : 184
+4 : 180
+2 : 178
+1 : 177
±0 : 176
-1 : 175
-2 : 174
-4 : 172
-6 : 170
-8 : 168
-23 : 153
-40 : 136
-57 : 119
-74 : 102
-91 : 85
-108 : 68
-125 : 51
-142 : 34
-159 : 17
-176 : 0
緑
+25 : 255
+8 : 238
+4 : 234
+2 : 232
+1 : 231
±0 : 230
-1 : 229
-2 : 228
-4 : 226
-8 : 222
-9 : 221
-26 : 204
-43 : 187
-60 : 170
-77 : 153
-94 : 136
-111 : 119
-128 : 102
-145 : 85
-162 : 68
-179 : 51
-196 : 34
-213 : 17
-230 : 0
青
+217 : 255
+200 : 238
+183 : 221
+166 : 204
+149 : 187
+132 : 170
+115 : 153
+98 : 136
+81 : 119
+64 : 102
+47 : 85
+30 : 68
+13 : 51
+8 : 46
+4 : 42
+2 : 40
+1 : 39
±0 : 38
-1 : 37
-2 : 36
-4 : 34
-8 : 30
-21 : 17
-38 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000