色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#ecafcd
データ
赤
236
緑
175
青
205
色相
330°
白
69%
黒
7%
彩度
62%
明度
81%
輝度
77%
色調 = 明るい
色相 = 330°
3桁
#fbd
#fbc
#fbb
#fad
#fac
#fab
#f9d
#f9c
#f9b
#ebd
#ebc
#ebb
#ead
#eac
#eab
#e9d
#e9c
#e9b
#dbd
#dbc
#dbb
#dad
#dac
#dab
#d9d
#d9c
#d9b
名前付き
lightpink
pink
plum
thistle
lightgray
silver
gainsboro
peachpuff
wheat
violet
bisque
mistyrose
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-330 : 0
-315 : 15
-300 : 30
-285 : 45
-270 : 60
-255 : 75
-240 : 90
-225 : 105
-210 : 120
-195 : 135
-180 : 150
-165 : 165
-150 : 180
-135 : 195
-120 : 210
-105 : 225
-90 : 240
-75 : 255
-60 : 270
-45 : 285
-30 : 300
-15 : 315
-10 : 320
-5 : 325
-2 : 328
±0 : 330
+2 : 332
+5 : 335
+10 : 340
+15 : 345
彩度
+38 : 100
+34 : 96
+30 : 92
+26 : 88
+22 : 84
+18 : 80
+14 : 76
+10 : 72
+6 : 68
+3 : 65
+2 : 64
±0 : 62
-2 : 60
-3 : 59
-6 : 56
-10 : 52
-12 : 50
-14 : 48
-18 : 44
-22 : 40
-26 : 36
-30 : 32
-34 : 28
-38 : 24
-42 : 20
-46 : 16
-50 : 12
-54 : 8
-58 : 4
-62 : 0
明度
+19 : 100
+15 : 96
+11 : 92
+7 : 88
+3 : 84
+2 : 83
±0 : 81
-1 : 80
-2 : 79
-3 : 78
-5 : 76
-9 : 72
-13 : 68
-17 : 64
-21 : 60
-25 : 56
-29 : 52
-31 : 50
-33 : 48
-37 : 44
-41 : 40
-45 : 36
-49 : 32
-53 : 28
-57 : 24
-61 : 20
-65 : 16
-69 : 12
-73 : 8
-77 : 4
-81 : 0
白
-69 : 0
-65 : 4
-61 : 8
-57 : 12
-53 : 16
-49 : 20
-45 : 24
-41 : 28
-37 : 32
-33 : 36
-29 : 40
-25 : 44
-21 : 48
-19 : 50
-17 : 52
-13 : 56
-9 : 60
-5 : 64
-3 : 66
-2 : 67
-1 : 68
±0 : 69
+2 : 71
+3 : 72
+7 : 76
+11 : 80
+15 : 84
+19 : 88
+23 : 92
+27 : 96
+31 : 100
黒
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
赤
+19 : 255
+8 : 244
+4 : 240
+2 : 238
+1 : 237
±0 : 236
-1 : 235
-2 : 234
-4 : 232
-8 : 228
-15 : 221
-32 : 204
-49 : 187
-66 : 170
-83 : 153
-100 : 136
-117 : 119
-134 : 102
-151 : 85
-168 : 68
-185 : 51
-202 : 34
-219 : 17
-236 : 0
緑
+80 : 255
+63 : 238
+46 : 221
+29 : 204
+12 : 187
+8 : 183
+4 : 179
+2 : 177
+1 : 176
±0 : 175
-1 : 174
-2 : 173
-4 : 171
-5 : 170
-8 : 167
-22 : 153
-39 : 136
-56 : 119
-73 : 102
-90 : 85
-107 : 68
-124 : 51
-141 : 34
-158 : 17
-175 : 0
青
+50 : 255
+33 : 238
+16 : 221
+8 : 213
+4 : 209
+2 : 207
+1 : 206
±0 : 205
-1 : 204
-2 : 203
-4 : 201
-8 : 197
-18 : 187
-35 : 170
-52 : 153
-69 : 136
-86 : 119
-103 : 102
-120 : 85
-137 : 68
-154 : 51
-171 : 34
-188 : 17
-205 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000