色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#6ef622
データ
赤
110
緑
246
青
34
色相
98°
白
13%
黒
4%
彩度
92%
明度
55%
輝度
71%
色調 = 強い
色相 = 98°
3桁
#7f3
#7f2
#7f1
#7e3
#7e2
#7e1
#7d3
#7d2
#7d1
#6f3
#6f2
#6f1
#6e3
#6e2
#6e1
#6d3
#6d2
#6d1
#5f3
#5f2
#5f1
#5e3
#5e2
#5e1
#5d3
#5d2
#5d1
名前付き
lawngreen
chartreuse
yellowgreen
greenyellow
limegreen
olivedrab
mediumseagreen
lightgreen
lime
olive
darkkhaki
palegreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-90 : 8
-75 : 23
-60 : 38
-45 : 53
-30 : 68
-15 : 83
-10 : 88
-5 : 93
-2 : 96
±0 : 98
+2 : 100
+5 : 103
+10 : 108
+15 : 113
+30 : 128
+45 : 143
+60 : 158
+75 : 173
+90 : 188
+105 : 203
+120 : 218
+135 : 233
+150 : 248
+165 : 263
+180 : 278
+195 : 293
+210 : 308
+225 : 323
+240 : 338
+255 : 353
彩度
+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
明度
+45 : 100
+41 : 96
+37 : 92
+33 : 88
+29 : 84
+25 : 80
+21 : 76
+17 : 72
+13 : 68
+9 : 64
+5 : 60
+3 : 58
+2 : 57
+1 : 56
±0 : 55
-2 : 53
-3 : 52
-5 : 50
-7 : 48
-11 : 44
-15 : 40
-19 : 36
-23 : 32
-27 : 28
-31 : 24
-35 : 20
-39 : 16
-43 : 12
-47 : 8
-51 : 4
-55 : 0
白
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
黒
-4 : 0
-3 : 1
-2 : 2
±0 : 4
+2 : 6
+3 : 7
+4 : 8
+8 : 12
+12 : 16
+16 : 20
+20 : 24
+24 : 28
+28 : 32
+32 : 36
+36 : 40
+40 : 44
+44 : 48
+46 : 50
+48 : 52
+52 : 56
+56 : 60
+60 : 64
+64 : 68
+68 : 72
+72 : 76
+76 : 80
+80 : 84
+84 : 88
+88 : 92
+92 : 96
+96 : 100
赤
+145 : 255
+128 : 238
+111 : 221
+94 : 204
+77 : 187
+60 : 170
+43 : 153
+26 : 136
+9 : 119
+8 : 118
+4 : 114
+2 : 112
+1 : 111
±0 : 110
-1 : 109
-2 : 108
-4 : 106
-8 : 102
-25 : 85
-42 : 68
-59 : 51
-76 : 34
-93 : 17
-110 : 0
緑
+9 : 255
+8 : 254
+4 : 250
+2 : 248
+1 : 247
±0 : 246
-1 : 245
-2 : 244
-4 : 242
-8 : 238
-25 : 221
-42 : 204
-59 : 187
-76 : 170
-93 : 153
-110 : 136
-127 : 119
-144 : 102
-161 : 85
-178 : 68
-195 : 51
-212 : 34
-229 : 17
-246 : 0
青
+221 : 255
+204 : 238
+187 : 221
+170 : 204
+153 : 187
+136 : 170
+119 : 153
+102 : 136
+85 : 119
+68 : 102
+51 : 85
+34 : 68
+17 : 51
+8 : 42
+4 : 38
+2 : 36
+1 : 35
±0 : 34
-1 : 33
-2 : 32
-4 : 30
-8 : 26
-17 : 17
-34 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000