色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#8df884
データ
赤
141
緑
248
青
132
色相
115°
白
52%
黒
3%
彩度
89%
明度
75%
輝度
80%
色調 = 輝かしい
色相 = 115°
3桁
#9f9
#9f8
#9f7
#9e9
#9e8
#9e7
#9d9
#9d8
#9d7
#8f9
#8f8
#8f7
#8e9
#8e8
#8e7
#8d9
#8d8
#8d7
#7f9
#7f8
#7f7
#7e9
#7e8
#7e7
#7d9
#7d8
#7d7
名前付き
lightgreen
palegreen
darkseagreen
mediumaquamarine
aquamarine
darkkhaki
greenyellow
darkgray
yellowgreen
silver
tan
khaki
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-105 : 10
-90 : 25
-75 : 40
-60 : 55
-45 : 70
-30 : 85
-15 : 100
-10 : 105
-5 : 110
-2 : 113
±0 : 115
+2 : 117
+5 : 120
+10 : 125
+15 : 130
+30 : 145
+45 : 160
+60 : 175
+75 : 190
+90 : 205
+105 : 220
+120 : 235
+135 : 250
+150 : 265
+165 : 280
+180 : 295
+195 : 310
+210 : 325
+225 : 340
+240 : 355
彩度
+11 : 100
+7 : 96
+3 : 92
+2 : 91
±0 : 89
-1 : 88
-2 : 87
-3 : 86
-5 : 84
-9 : 80
-13 : 76
-17 : 72
-21 : 68
-25 : 64
-29 : 60
-33 : 56
-37 : 52
-39 : 50
-41 : 48
-45 : 44
-49 : 40
-53 : 36
-57 : 32
-61 : 28
-65 : 24
-69 : 20
-73 : 16
-77 : 12
-81 : 8
-85 : 4
-89 : 0
明度
+25 : 100
+21 : 96
+17 : 92
+13 : 88
+9 : 84
+5 : 80
+3 : 78
+2 : 77
+1 : 76
±0 : 75
-2 : 73
-3 : 72
-7 : 68
-11 : 64
-15 : 60
-19 : 56
-23 : 52
-25 : 50
-27 : 48
-31 : 44
-35 : 40
-39 : 36
-43 : 32
-47 : 28
-51 : 24
-55 : 20
-59 : 16
-63 : 12
-67 : 8
-71 : 4
-75 : 0
白
-52 : 0
-48 : 4
-44 : 8
-40 : 12
-36 : 16
-32 : 20
-28 : 24
-24 : 28
-20 : 32
-16 : 36
-12 : 40
-8 : 44
-4 : 48
-3 : 49
-2 : 50
±0 : 52
+2 : 54
+3 : 55
+4 : 56
+8 : 60
+12 : 64
+16 : 68
+20 : 72
+24 : 76
+28 : 80
+32 : 84
+36 : 88
+40 : 92
+44 : 96
+48 : 100
黒
-3 : 0
-2 : 1
±0 : 3
+1 : 4
+2 : 5
+3 : 6
+5 : 8
+9 : 12
+13 : 16
+17 : 20
+21 : 24
+25 : 28
+29 : 32
+33 : 36
+37 : 40
+41 : 44
+45 : 48
+47 : 50
+49 : 52
+53 : 56
+57 : 60
+61 : 64
+65 : 68
+69 : 72
+73 : 76
+77 : 80
+81 : 84
+85 : 88
+89 : 92
+93 : 96
+97 : 100
赤
+114 : 255
+97 : 238
+80 : 221
+63 : 204
+46 : 187
+29 : 170
+12 : 153
+8 : 149
+4 : 145
+2 : 143
+1 : 142
±0 : 141
-1 : 140
-2 : 139
-4 : 137
-5 : 136
-8 : 133
-22 : 119
-39 : 102
-56 : 85
-73 : 68
-90 : 51
-107 : 34
-124 : 17
-141 : 0
緑
+7 : 255
+4 : 252
+2 : 250
+1 : 249
±0 : 248
-1 : 247
-2 : 246
-4 : 244
-8 : 240
-10 : 238
-27 : 221
-44 : 204
-61 : 187
-78 : 170
-95 : 153
-112 : 136
-129 : 119
-146 : 102
-163 : 85
-180 : 68
-197 : 51
-214 : 34
-231 : 17
-248 : 0
青
+123 : 255
+106 : 238
+89 : 221
+72 : 204
+55 : 187
+38 : 170
+21 : 153
+8 : 140
+4 : 136
+2 : 134
+1 : 133
±0 : 132
-1 : 131
-2 : 130
-4 : 128
-8 : 124
-13 : 119
-30 : 102
-47 : 85
-64 : 68
-81 : 51
-98 : 34
-115 : 17
-132 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000