色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#48d64e
データ
赤
72
緑
214
青
78
色相
123°
白
28%
黒
16%
彩度
63%
明度
56%
輝度
61%
色調 = 柔らかい
色相 = 123°
3桁
#5e6
#5e5
#5e4
#5d6
#5d5
#5d4
#5c6
#5c5
#5c4
#4e6
#4e5
#4e4
#4d6
#4d5
#4d4
#4c6
#4c5
#4c4
#3e6
#3e5
#3e4
#3d6
#3d5
#3d4
#3c6
#3c5
#3c4
名前付き
limegreen
mediumseagreen
seagreen
yellowgreen
olivedrab
forestgreen
springgreen
mediumaquamarine
darkseagreen
lightgreen
lawngreen
cadetblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 3
-105 : 18
-90 : 33
-75 : 48
-60 : 63
-45 : 78
-30 : 93
-15 : 108
-10 : 113
-5 : 118
-2 : 121
±0 : 123
+2 : 125
+5 : 128
+10 : 133
+15 : 138
+30 : 153
+45 : 168
+60 : 183
+75 : 198
+90 : 213
+105 : 228
+120 : 243
+135 : 258
+150 : 273
+165 : 288
+180 : 303
+195 : 318
+210 : 333
+225 : 348
彩度
+37 : 100
+33 : 96
+29 : 92
+25 : 88
+21 : 84
+17 : 80
+13 : 76
+9 : 72
+5 : 68
+3 : 66
+2 : 65
+1 : 64
±0 : 63
-2 : 61
-3 : 60
-7 : 56
-11 : 52
-13 : 50
-15 : 48
-19 : 44
-23 : 40
-27 : 36
-31 : 32
-35 : 28
-39 : 24
-43 : 20
-47 : 16
-51 : 12
-55 : 8
-59 : 4
-63 : 0
明度
+44 : 100
+40 : 96
+36 : 92
+32 : 88
+28 : 84
+24 : 80
+20 : 76
+16 : 72
+12 : 68
+8 : 64
+4 : 60
+3 : 59
+2 : 58
±0 : 56
-2 : 54
-3 : 53
-4 : 52
-6 : 50
-8 : 48
-12 : 44
-16 : 40
-20 : 36
-24 : 32
-28 : 28
-32 : 24
-36 : 20
-40 : 16
-44 : 12
-48 : 8
-52 : 4
-56 : 0
白
-28 : 0
-24 : 4
-20 : 8
-16 : 12
-12 : 16
-8 : 20
-4 : 24
-3 : 25
-2 : 26
±0 : 28
+2 : 30
+3 : 31
+4 : 32
+8 : 36
+12 : 40
+16 : 44
+20 : 48
+22 : 50
+24 : 52
+28 : 56
+32 : 60
+36 : 64
+40 : 68
+44 : 72
+48 : 76
+52 : 80
+56 : 84
+60 : 88
+64 : 92
+68 : 96
+72 : 100
黒
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
赤
+183 : 255
+166 : 238
+149 : 221
+132 : 204
+115 : 187
+98 : 170
+81 : 153
+64 : 136
+47 : 119
+30 : 102
+13 : 85
+8 : 80
+4 : 76
+2 : 74
+1 : 73
±0 : 72
-1 : 71
-2 : 70
-4 : 68
-8 : 64
-21 : 51
-38 : 34
-55 : 17
-72 : 0
緑
+41 : 255
+24 : 238
+8 : 222
+7 : 221
+4 : 218
+2 : 216
+1 : 215
±0 : 214
-1 : 213
-2 : 212
-4 : 210
-8 : 206
-10 : 204
-27 : 187
-44 : 170
-61 : 153
-78 : 136
-95 : 119
-112 : 102
-129 : 85
-146 : 68
-163 : 51
-180 : 34
-197 : 17
-214 : 0
青
+177 : 255
+160 : 238
+143 : 221
+126 : 204
+109 : 187
+92 : 170
+75 : 153
+58 : 136
+41 : 119
+24 : 102
+8 : 86
+7 : 85
+4 : 82
+2 : 80
+1 : 79
±0 : 78
-1 : 77
-2 : 76
-4 : 74
-8 : 70
-10 : 68
-27 : 51
-44 : 34
-61 : 17
-78 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000