#dad9dd
RGB
赤 | 218 |
---|---|
緑 | 217 |
青 | 221 |
HSL
色相 | 255° |
---|---|
彩度 | 6% |
明度 | 86% |
輝度 | 85% |
3桁の色
補色
反転色
RGB ( 赤 = 218, 緑 = 217, 青 = 221 )
HSL ( 色相 = 255°, 彩度 = 6%, 明度 = 86% )
H : 色相 ( 255° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #dddad9 : -250
15 : #dddad9 : -240
25 : #dddbd9 : -230
35 : #dddcd9 : -220
45 : #dddcd9 : -210
55 : #ddddd9 : -200
65 : #ddddd9 : -190
75 : #dcddd9 : -180
85 : #dcddd9 : -170
95 : #dbddd9 : -160
105 : #daddd9 : -150
115 : #daddd9 : -140
125 : #d9ddda : -130
135 : #d9ddda : -120
145 : #d9dddb : -110
155 : #d9dddc : -100
165 : #d9dddc : -90
175 : #d9dddd : -80
185 : #d9dddd : -70
195 : #d9dcdd : -60
205 : #d9dcdd : -50
215 : #d9dbdd : -40
225 : #d9dadd : -30
235 : #d9dadd : -20
245 : #dad9dd : -10
255 : #dad9dd : ±0
265 : #dbd9dd : +10
275 : #dcd9dd : +20
285 : #dcd9dd : +30
295 : #ddd9dd : +40
305 : #ddd9dd : +50
315 : #ddd9dc : +60
325 : #ddd9dc : +70
335 : #ddd9db : +80
345 : #ddd9da : +90
355 : #ddd9da : +100
245 : #dad9dd : -10
246 : #dad9dd : -9
247 : #dad9dd : -8
248 : #dad9dd : -7
249 : #dad9dd : -6
250 : #dad9dd : -5
251 : #dad9dd : -4
252 : #dad9dd : -3
253 : #dad9dd : -2
254 : #dad9dd : -1
255 : #dad9dd : ±0
256 : #dad9dd : +1
257 : #dad9dd : +2
258 : #dad9dd : +3
259 : #dbd9dd : +4
260 : #dbd9dd : +5
261 : #dbd9dd : +6
262 : #dbd9dd : +7
263 : #dbd9dd : +8
264 : #dbd9dd : +9
265 : #dbd9dd : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #dbdbdb : -6
2 : #dbdbdc : -4
4 : #dbdadd : -2
6 : #dad9dd : ±0
8 : #dad8de : +2
10 : #dad8df : +4
12 : #d9d7e0 : +6
14 : #d9d6e0 : +8
16 : #d8d6e1 : +10
18 : #d8d5e2 : +12
20 : #d8d4e2 : +14
22 : #d7d3e3 : +16
24 : #d7d3e4 : +18
26 : #d7d2e5 : +20
28 : #d6d1e5 : +22
30 : #d6d1e6 : +24
32 : #d6d0e7 : +26
34 : #d5cfe7 : +28
36 : #d5cee8 : +30
38 : #d5cee9 : +32
40 : #d4cdea : +34
42 : #d4ccea : +36
44 : #d3cceb : +38
46 : #d3cbec : +40
48 : #d3caec : +42
50 : #d2c9ed : +44
52 : #d2c9ee : +46
54 : #d2c8ef : +48
56 : #d1c7ef : +50
58 : #d1c7f0 : +52
60 : #d1c6f1 : +54
62 : #d0c5f1 : +56
64 : #d0c4f2 : +58
66 : #d0c4f3 : +60
68 : #cfc3f4 : +62
70 : #cfc2f4 : +64
72 : #cec2f5 : +66
74 : #cec1f6 : +68
76 : #cec0f6 : +70
78 : #cdbff7 : +72
80 : #cdbff8 : +74
82 : #cdbef9 : +76
84 : #ccbdf9 : +78
86 : #ccbdfa : +80
88 : #ccbcfb : +82
90 : #cbbbfb : +84
92 : #cbbafc : +86
94 : #cbbafd : +88
96 : #cab9fe : +90
98 : #cab8fe : +92
100 : #c9b8ff : +94
L : 明度 ( 86% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -86
2 : #050505 : -84
4 : #0a0a0b : -82
6 : #0f0e10 : -80
8 : #141316 : -78
10 : #19181b : -76
12 : #1e1d20 : -74
14 : #232226 : -72
16 : #28262b : -70
18 : #2d2b31 : -68
20 : #313036 : -66
22 : #36353b : -64
24 : #3b3a41 : -62
26 : #403e46 : -60
28 : #45434c : -58
30 : #4a4851 : -56
32 : #4f4d56 : -54
34 : #54515c : -52
36 : #595661 : -50
38 : #5e5b67 : -48
40 : #63606c : -46
42 : #686572 : -44
44 : #6d6977 : -42
46 : #726e7c : -40
48 : #777382 : -38
50 : #7c7887 : -36
52 : #817d8c : -34
54 : #868391 : -32
56 : #8b8896 : -30
58 : #918d9a : -28
60 : #96939f : -26
62 : #9b98a4 : -24
64 : #a09ea9 : -22
66 : #a6a3ae : -20
68 : #aba9b2 : -18
70 : #b0aeb7 : -16
72 : #b5b3bc : -14
74 : #bbb9c1 : -12
76 : #c0bec5 : -10
78 : #c5c4ca : -8
80 : #cac9cf : -6
82 : #d0ced4 : -4
84 : #d5d4d9 : -2
86 : #dad9dd : ±0
88 : #dfdfe2 : +2
90 : #e5e4e7 : +4
92 : #eae9ec : +6
94 : #efeff1 : +8
96 : #f4f4f5 : +10
98 : #fafafa : +12
100 : #ffffff : +14
CSS入門、作ってます。
text-shadow