色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#dfdee9
データ
赤
223
緑
222
青
233
色相
245°
白
87%
黒
9%
彩度
20%
明度
89%
輝度
88%
色調 = 淡い
色相 = 245°
3桁
#eef
#eee
#eed
#edf
#ede
#edd
#ecf
#ece
#ecd
#def
#dee
#ded
#ddf
#dde
#ddd
#dcf
#dce
#dcd
#cef
#cee
#ced
#cdf
#cde
#cdd
#ccf
#cce
#ccd
名前付き
gainsboro
lavender
lightgray
linen
mistyrose
whitesmoke
beige
antiquewhite
thistle
honeydew
oldlace
aliceblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-240 : 5
-225 : 20
-210 : 35
-195 : 50
-180 : 65
-165 : 80
-150 : 95
-135 : 110
-120 : 125
-105 : 140
-90 : 155
-75 : 170
-60 : 185
-45 : 200
-30 : 215
-15 : 230
-10 : 235
-5 : 240
-2 : 243
±0 : 245
+2 : 247
+5 : 250
+10 : 255
+15 : 260
+30 : 275
+45 : 290
+60 : 305
+75 : 320
+90 : 335
+105 : 350
彩度
+80 : 100
+76 : 96
+72 : 92
+68 : 88
+64 : 84
+60 : 80
+56 : 76
+52 : 72
+48 : 68
+44 : 64
+40 : 60
+36 : 56
+32 : 52
+30 : 50
+28 : 48
+24 : 44
+20 : 40
+16 : 36
+12 : 32
+8 : 28
+4 : 24
+3 : 23
+2 : 22
±0 : 20
-2 : 18
-3 : 17
-4 : 16
-8 : 12
-12 : 8
-16 : 4
-20 : 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
白
-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
黒
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 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
緑
+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
青
+22 : 255
+8 : 241
+5 : 238
+4 : 237
+2 : 235
+1 : 234
±0 : 233
-1 : 232
-2 : 231
-4 : 229
-8 : 225
-12 : 221
-29 : 204
-46 : 187
-63 : 170
-80 : 153
-97 : 136
-114 : 119
-131 : 102
-148 : 85
-165 : 68
-182 : 51
-199 : 34
-216 : 17
-233 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000