#df4955
RGB ( 赤 = 223, 緑 = 73, 青 = 85 )
HSL ( 色相 = 355°, 彩度 = 70%, 明度 = 58% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #df5549 : -350
15 : #df6e49 : -340
25 : #df8749 : -330
35 : #dfa049 : -320
45 : #dfb949 : -310
55 : #dfd249 : -300
65 : #d2df49 : -290
75 : #b9df49 : -280
85 : #a0df49 : -270
95 : #87df49 : -260
105 : #6edf49 : -250
115 : #55df49 : -240
125 : #49df55 : -230
135 : #49df6e : -220
145 : #49df87 : -210
155 : #49dfa0 : -200
165 : #49dfb9 : -190
175 : #49dfd2 : -180
185 : #49d2df : -170
195 : #49b9df : -160
205 : #49a0df : -150
215 : #4987df : -140
225 : #496edf : -130
235 : #4955df : -120
245 : #5549df : -110
255 : #6e49df : -100
265 : #8749df : -90
275 : #a049df : -80
285 : #b949df : -70
295 : #d249df : -60
305 : #df49d2 : -50
315 : #df49b9 : -40
325 : #df49a0 : -30
335 : #df4987 : -20
345 : #df496e : -10
355 : #df4955 : ±0
345 : #df496e : -10
346 : #df496c : -9
347 : #df4969 : -8
348 : #df4967 : -7
349 : #df4964 : -6
350 : #df4962 : -5
351 : #df495f : -4
352 : #df495d : -3
353 : #df495a : -2
354 : #df4958 : -1
355 : #df4955 : ±0
356 : #df4953 : +1
357 : #df4950 : +2
358 : #df494e : +3
359 : #df494b : +4
0 : #df4949 : -355
1 : #df4b49 : -354
2 : #df4e49 : -353
3 : #df5049 : -352
4 : #df5349 : -351
5 : #df5549 : -350
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -70
2 : #969292 : -68
4 : #989090 : -66
6 : #9a8d8f : -64
8 : #9c8b8d : -62
10 : #9f898b : -60
12 : #a18789 : -58
14 : #a38587 : -56
16 : #a58386 : -54
18 : #a78184 : -52
20 : #a97e82 : -50
22 : #ab7c80 : -48
24 : #ae7a7e : -46
26 : #b0787d : -44
28 : #b2767b : -42
30 : #b47479 : -40
32 : #b67277 : -38
34 : #b86f76 : -36
36 : #ba6d74 : -34
38 : #bd6b72 : -32
40 : #bf6970 : -30
42 : #c1676e : -28
44 : #c3656d : -26
46 : #c5636b : -24
48 : #c76069 : -22
50 : #c95e67 : -20
52 : #cc5c65 : -18
54 : #ce5a64 : -16
56 : #d05862 : -14
58 : #d25660 : -12
60 : #d4545e : -10
62 : #d6515d : -8
64 : #d84f5b : -6
66 : #db4d59 : -4
68 : #dd4b57 : -2
70 : #df4955 : ±0
72 : #e14754 : +2
74 : #e34552 : +4
76 : #e54350 : +6
78 : #e7404e : +8
80 : #ea3e4d : +10
82 : #ec3c4b : +12
84 : #ee3a49 : +14
86 : #f03847 : +16
88 : #f23645 : +18
90 : #f43444 : +20
92 : #f63142 : +22
94 : #f92f40 : +24
96 : #fb2d3e : +26
98 : #fd2b3c : +28
100 : #ff293b : +30
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #090202 : -56
4 : #110304 : -54
6 : #1a0506 : -52
8 : #230609 : -50
10 : #2b080b : -48
12 : #34090d : -46
14 : #3d0b0f : -44
16 : #450c11 : -42
18 : #4e0e13 : -40
20 : #570f15 : -38
22 : #5f1117 : -36
24 : #68121a : -34
26 : #71141c : -32
28 : #79151e : -30
30 : #821720 : -28
32 : #8b1822 : -26
34 : #931a24 : -24
36 : #9c1c26 : -22
38 : #a51d28 : -20
40 : #ad1f2b : -18
42 : #b6202d : -16
44 : #bf222f : -14
46 : #c72331 : -12
48 : #d02533 : -10
50 : #d92635 : -8
52 : #da2f3d : -6
54 : #dc3845 : -4
56 : #dd404d : -2
58 : #df4955 : ±0
60 : #e0525e : +2
62 : #e25a66 : +4
64 : #e3636e : +6
66 : #e56c76 : +8
68 : #e7747e : +10
70 : #e87d86 : +12
72 : #ea868e : +14
74 : #eb8e96 : +16
76 : #ed979e : +18
78 : #eea0a6 : +20
80 : #f0a8ae : +22
82 : #f1b1b6 : +24
84 : #f3babe : +26
86 : #f4c2c6 : +28
88 : #f6cbcf : +30
90 : #f7d4d7 : +32
92 : #f9dcdf : +34
94 : #fae5e7 : +36
96 : #fceeef : +38
98 : #fdf6f7 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow