色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#dfd3f4
データ
赤
223
緑
211
青
244
色相
262°
白
83%
黒
4%
彩度
60%
明度
89%
輝度
86%
色調 = 淡い
色相 = 262°
3桁
#edf
#ede
#edd
#ecf
#ece
#ecd
#ebf
#ebe
#ebd
#ddf
#dde
#ddd
#dcf
#dce
#dcd
#dbf
#dbe
#dbd
#cdf
#cde
#cdd
#ccf
#cce
#ccd
#cbf
#cbe
#cbd
名前付き
lavender
gainsboro
lightgray
thistle
whitesmoke
mistyrose
linen
aliceblue
lavenderblush
lightcyan
ghostwhite
antiquewhite
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-255 : 7
-240 : 22
-225 : 37
-210 : 52
-195 : 67
-180 : 82
-165 : 97
-150 : 112
-135 : 127
-120 : 142
-105 : 157
-90 : 172
-75 : 187
-60 : 202
-45 : 217
-30 : 232
-15 : 247
-10 : 252
-5 : 257
-2 : 260
±0 : 262
+2 : 264
+5 : 267
+10 : 272
+15 : 277
+30 : 292
+45 : 307
+60 : 322
+75 : 337
+90 : 352
彩度
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
明度
+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
白
-83 : 0
-79 : 4
-75 : 8
-71 : 12
-67 : 16
-63 : 20
-59 : 24
-55 : 28
-51 : 32
-47 : 36
-43 : 40
-39 : 44
-35 : 48
-33 : 50
-31 : 52
-27 : 56
-23 : 60
-19 : 64
-15 : 68
-11 : 72
-7 : 76
-3 : 80
-2 : 81
±0 : 83
+1 : 84
+2 : 85
+3 : 86
+5 : 88
+9 : 92
+13 : 96
+17 : 100
黒
-4 : 0
-3 : 1
-2 : 2
±0 : 4
+2 : 6
+3 : 7
+4 : 8
+8 : 12
+12 : 16
+16 : 20
+20 : 24
+24 : 28
+28 : 32
+32 : 36
+36 : 40
+40 : 44
+44 : 48
+46 : 50
+48 : 52
+52 : 56
+56 : 60
+60 : 64
+64 : 68
+68 : 72
+72 : 76
+76 : 80
+80 : 84
+84 : 88
+88 : 92
+92 : 96
+96 : 100
赤
+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
緑
+44 : 255
+27 : 238
+10 : 221
+8 : 219
+4 : 215
+2 : 213
+1 : 212
±0 : 211
-1 : 210
-2 : 209
-4 : 207
-7 : 204
-8 : 203
-24 : 187
-41 : 170
-58 : 153
-75 : 136
-92 : 119
-109 : 102
-126 : 85
-143 : 68
-160 : 51
-177 : 34
-194 : 17
-211 : 0
青
+11 : 255
+8 : 252
+4 : 248
+2 : 246
+1 : 245
±0 : 244
-1 : 243
-2 : 242
-4 : 240
-6 : 238
-8 : 236
-23 : 221
-40 : 204
-57 : 187
-74 : 170
-91 : 153
-108 : 136
-125 : 119
-142 : 102
-159 : 85
-176 : 68
-193 : 51
-210 : 34
-227 : 17
-244 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000