色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#44bf30
データ
赤
68
緑
191
青
48
色相
112°
白
19%
黒
25%
彩度
60%
明度
47%
輝度
54%
色調 = 鈍い
色相 = 112°
3桁
#5c4
#5c3
#5c2
#5b4
#5b3
#5b2
#5a4
#5a3
#5a2
#4c4
#4c3
#4c2
#4b4
#4b3
#4b2
#4a4
#4a3
#4a2
#3c4
#3c3
#3c2
#3b4
#3b3
#3b2
#3a4
#3a3
#3a2
名前付き
limegreen
forestgreen
olivedrab
mediumseagreen
seagreen
darkolivegreen
yellowgreen
lawngreen
olive
chartreuse
green
lime
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-105 : 7
-90 : 22
-75 : 37
-60 : 52
-45 : 67
-30 : 82
-15 : 97
-10 : 102
-5 : 107
-2 : 110
±0 : 112
+2 : 114
+5 : 117
+10 : 122
+15 : 127
+30 : 142
+45 : 157
+60 : 172
+75 : 187
+90 : 202
+105 : 217
+120 : 232
+135 : 247
+150 : 262
+165 : 277
+180 : 292
+195 : 307
+210 : 322
+225 : 337
+240 : 352
彩度
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
明度
+53 : 100
+49 : 96
+45 : 92
+41 : 88
+37 : 84
+33 : 80
+29 : 76
+25 : 72
+21 : 68
+17 : 64
+13 : 60
+9 : 56
+5 : 52
+3 : 50
+2 : 49
+1 : 48
±0 : 47
-2 : 45
-3 : 44
-7 : 40
-11 : 36
-15 : 32
-19 : 28
-23 : 24
-27 : 20
-31 : 16
-35 : 12
-39 : 8
-43 : 4
-47 : 0
白
-19 : 0
-15 : 4
-11 : 8
-7 : 12
-3 : 16
-2 : 17
±0 : 19
+1 : 20
+2 : 21
+3 : 22
+5 : 24
+9 : 28
+13 : 32
+17 : 36
+21 : 40
+25 : 44
+29 : 48
+31 : 50
+33 : 52
+37 : 56
+41 : 60
+45 : 64
+49 : 68
+53 : 72
+57 : 76
+61 : 80
+65 : 84
+69 : 88
+73 : 92
+77 : 96
+81 : 100
黒
-25 : 0
-21 : 4
-17 : 8
-13 : 12
-9 : 16
-5 : 20
-3 : 22
-2 : 23
-1 : 24
±0 : 25
+2 : 27
+3 : 28
+7 : 32
+11 : 36
+15 : 40
+19 : 44
+23 : 48
+25 : 50
+27 : 52
+31 : 56
+35 : 60
+39 : 64
+43 : 68
+47 : 72
+51 : 76
+55 : 80
+59 : 84
+63 : 88
+67 : 92
+71 : 96
+75 : 100
赤
+187 : 255
+170 : 238
+153 : 221
+136 : 204
+119 : 187
+102 : 170
+85 : 153
+68 : 136
+51 : 119
+34 : 102
+17 : 85
+8 : 76
+4 : 72
+2 : 70
+1 : 69
±0 : 68
-1 : 67
-2 : 66
-4 : 64
-8 : 60
-17 : 51
-34 : 34
-51 : 17
-68 : 0
緑
+64 : 255
+47 : 238
+30 : 221
+13 : 204
+8 : 199
+4 : 195
+2 : 193
+1 : 192
±0 : 191
-1 : 190
-2 : 189
-4 : 187
-8 : 183
-21 : 170
-38 : 153
-55 : 136
-72 : 119
-89 : 102
-106 : 85
-123 : 68
-140 : 51
-157 : 34
-174 : 17
-191 : 0
青
+207 : 255
+190 : 238
+173 : 221
+156 : 204
+139 : 187
+122 : 170
+105 : 153
+88 : 136
+71 : 119
+54 : 102
+37 : 85
+20 : 68
+8 : 56
+4 : 52
+3 : 51
+2 : 50
+1 : 49
±0 : 48
-1 : 47
-2 : 46
-4 : 44
-8 : 40
-14 : 34
-31 : 17
-48 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000