色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#24db73
データ
赤
36
緑
219
青
115
色相
146°
白
14%
黒
14%
彩度
72%
明度
50%
輝度
60%
色調 = 強い
色相 = 146°
3桁
#3e8
#3e7
#3e6
#3d8
#3d7
#3d6
#3c8
#3c7
#3c6
#2e8
#2e7
#2e6
#2d8
#2d7
#2d6
#2c8
#2c7
#2c6
#1e8
#1e7
#1e6
#1d8
#1d7
#1d6
#1c8
#1c7
#1c6
名前付き
mediumseagreen
springgreen
mediumspringgreen
limegreen
lightseagreen
seagreen
mediumaquamarine
darkcyan
cadetblue
mediumturquoise
turquoise
teal
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-135 : 11
-120 : 26
-105 : 41
-90 : 56
-75 : 71
-60 : 86
-45 : 101
-30 : 116
-15 : 131
-10 : 136
-5 : 141
-2 : 144
±0 : 146
+2 : 148
+5 : 151
+10 : 156
+15 : 161
+30 : 176
+45 : 191
+60 : 206
+75 : 221
+90 : 236
+105 : 251
+120 : 266
+135 : 281
+150 : 296
+165 : 311
+180 : 326
+195 : 341
+210 : 356
彩度
+28 : 100
+24 : 96
+20 : 92
+16 : 88
+12 : 84
+8 : 80
+4 : 76
+3 : 75
+2 : 74
±0 : 72
-2 : 70
-3 : 69
-4 : 68
-8 : 64
-12 : 60
-16 : 56
-20 : 52
-22 : 50
-24 : 48
-28 : 44
-32 : 40
-36 : 36
-40 : 32
-44 : 28
-48 : 24
-52 : 20
-56 : 16
-60 : 12
-64 : 8
-68 : 4
-72 : 0
明度
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
白
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
黒
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
赤
+219 : 255
+202 : 238
+185 : 221
+168 : 204
+151 : 187
+134 : 170
+117 : 153
+100 : 136
+83 : 119
+66 : 102
+49 : 85
+32 : 68
+15 : 51
+8 : 44
+4 : 40
+2 : 38
+1 : 37
±0 : 36
-1 : 35
-2 : 34
-4 : 32
-8 : 28
-19 : 17
-36 : 0
緑
+36 : 255
+19 : 238
+8 : 227
+4 : 223
+2 : 221
+1 : 220
±0 : 219
-1 : 218
-2 : 217
-4 : 215
-8 : 211
-15 : 204
-32 : 187
-49 : 170
-66 : 153
-83 : 136
-100 : 119
-117 : 102
-134 : 85
-151 : 68
-168 : 51
-185 : 34
-202 : 17
-219 : 0
青
+140 : 255
+123 : 238
+106 : 221
+89 : 204
+72 : 187
+55 : 170
+38 : 153
+21 : 136
+8 : 123
+4 : 119
+2 : 117
+1 : 116
±0 : 115
-1 : 114
-2 : 113
-4 : 111
-8 : 107
-13 : 102
-30 : 85
-47 : 68
-64 : 51
-81 : 34
-98 : 17
-115 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000