色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#dedfe2
データ
赤
222
緑
223
青
226
色相
225°
白
87%
黒
11%
彩度
6%
明度
88%
輝度
87%
色調 = 淡い
色相 = 225°
3桁
#eee
#eed
#eec
#ede
#edd
#edc
#ece
#ecd
#ecc
#dee
#ded
#dec
#dde
#ddd
#ddc
#dce
#dcd
#dcc
#cee
#ced
#cec
#cde
#cdd
#cdc
#cce
#ccd
#ccc
名前付き
gainsboro
lightgray
lavender
beige
antiquewhite
linen
mistyrose
thistle
whitesmoke
oldlace
papayawhip
honeydew
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 0
-210 : 15
-195 : 30
-180 : 45
-165 : 60
-150 : 75
-135 : 90
-120 : 105
-105 : 120
-90 : 135
-75 : 150
-60 : 165
-45 : 180
-30 : 195
-15 : 210
-10 : 215
-5 : 220
-2 : 223
±0 : 225
+2 : 227
+5 : 230
+10 : 235
+15 : 240
+30 : 255
+45 : 270
+60 : 285
+75 : 300
+90 : 315
+105 : 330
+120 : 345
彩度
+94 : 100
+90 : 96
+86 : 92
+82 : 88
+78 : 84
+74 : 80
+70 : 76
+66 : 72
+62 : 68
+58 : 64
+54 : 60
+50 : 56
+46 : 52
+44 : 50
+42 : 48
+38 : 44
+34 : 40
+30 : 36
+26 : 32
+22 : 28
+18 : 24
+14 : 20
+10 : 16
+6 : 12
+3 : 9
+2 : 8
±0 : 6
-2 : 4
-3 : 3
-6 : 0
明度
+12 : 100
+8 : 96
+4 : 92
+3 : 91
+2 : 90
±0 : 88
-2 : 86
-3 : 85
-4 : 84
-8 : 80
-12 : 76
-16 : 72
-20 : 68
-24 : 64
-28 : 60
-32 : 56
-36 : 52
-38 : 50
-40 : 48
-44 : 44
-48 : 40
-52 : 36
-56 : 32
-60 : 28
-64 : 24
-68 : 20
-72 : 16
-76 : 12
-80 : 8
-84 : 4
-88 : 0
白
-87 : 0
-83 : 4
-79 : 8
-75 : 12
-71 : 16
-67 : 20
-63 : 24
-59 : 28
-55 : 32
-51 : 36
-47 : 40
-43 : 44
-39 : 48
-37 : 50
-35 : 52
-31 : 56
-27 : 60
-23 : 64
-19 : 68
-15 : 72
-11 : 76
-7 : 80
-3 : 84
-2 : 85
±0 : 87
+1 : 88
+2 : 89
+3 : 90
+5 : 92
+9 : 96
+13 : 100
黒
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 100
赤
+33 : 255
+16 : 238
+8 : 230
+4 : 226
+2 : 224
+1 : 223
±0 : 222
-1 : 221
-2 : 220
-4 : 218
-8 : 214
-18 : 204
-35 : 187
-52 : 170
-69 : 153
-86 : 136
-103 : 119
-120 : 102
-137 : 85
-154 : 68
-171 : 51
-188 : 34
-205 : 17
-222 : 0
緑
+32 : 255
+15 : 238
+8 : 231
+4 : 227
+2 : 225
+1 : 224
±0 : 223
-1 : 222
-2 : 221
-4 : 219
-8 : 215
-19 : 204
-36 : 187
-53 : 170
-70 : 153
-87 : 136
-104 : 119
-121 : 102
-138 : 85
-155 : 68
-172 : 51
-189 : 34
-206 : 17
-223 : 0
青
+29 : 255
+12 : 238
+8 : 234
+4 : 230
+2 : 228
+1 : 227
±0 : 226
-1 : 225
-2 : 224
-4 : 222
-5 : 221
-8 : 218
-22 : 204
-39 : 187
-56 : 170
-73 : 153
-90 : 136
-107 : 119
-124 : 102
-141 : 85
-158 : 68
-175 : 51
-192 : 34
-209 : 17
-226 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000