#dd6636
RGB ( 赤 = 221, 緑 = 102, 青 = 54 )
HSL ( 色相 = 17°, 彩度 = 71%, 明度 = 54% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #dd4a36 : -10
17 : #dd6636 : ±0
27 : #dd8136 : +10
37 : #dd9d36 : +20
47 : #ddb936 : +30
57 : #ddd536 : +40
67 : #cadd36 : +50
77 : #aedd36 : +60
87 : #92dd36 : +70
97 : #76dd36 : +80
107 : #5bdd36 : +90
117 : #3fdd36 : +100
127 : #36dd4a : +110
137 : #36dd66 : +120
147 : #36dd81 : +130
157 : #36dd9d : +140
167 : #36ddb9 : +150
177 : #36ddd5 : +160
187 : #36cadd : +170
197 : #36aedd : +180
207 : #3692dd : +190
217 : #3676dd : +200
227 : #365bdd : +210
237 : #363fdd : +220
247 : #4a36dd : +230
257 : #6636dd : +240
267 : #8136dd : +250
277 : #9d36dd : +260
287 : #b936dd : +270
297 : #d536dd : +280
307 : #dd36ca : +290
317 : #dd36ae : +300
327 : #dd3692 : +310
337 : #dd3676 : +320
347 : #dd365b : +330
357 : #dd363f : +340
7 : #dd4a36 : -10
8 : #dd4d36 : -9
9 : #dd4f36 : -8
10 : #dd5236 : -7
11 : #dd5536 : -6
12 : #dd5836 : -5
13 : #dd5b36 : -4
14 : #dd5d36 : -3
15 : #dd6036 : -2
16 : #dd6336 : -1
17 : #dd6636 : ±0
18 : #dd6836 : +1
19 : #dd6b36 : +2
20 : #dd6e36 : +3
21 : #dd7136 : +4
22 : #dd7336 : +5
23 : #dd7636 : +6
24 : #dd7936 : +7
25 : #dd7c36 : +8
26 : #dd7f36 : +9
27 : #dd8136 : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8b8989 : -70
3 : #8d8886 : -68
5 : #908784 : -66
7 : #928681 : -64
9 : #94857f : -62
11 : #97847d : -60
13 : #99837a : -58
15 : #9b8278 : -56
17 : #9e8176 : -54
19 : #a08073 : -52
21 : #a27f71 : -50
23 : #a57e6f : -48
25 : #a77d6c : -46
27 : #a97c6a : -44
29 : #ac7b68 : -42
31 : #ae7a65 : -40
33 : #b07963 : -38
35 : #b37861 : -36
37 : #b5775e : -34
39 : #b7765c : -32
41 : #ba755a : -30
43 : #bc7457 : -28
45 : #be7355 : -26
47 : #c17253 : -24
49 : #c37150 : -22
51 : #c6704e : -20
53 : #c86f4c : -18
55 : #ca6e49 : -16
57 : #cd6d47 : -14
59 : #cf6c44 : -12
61 : #d16b42 : -10
63 : #d46a40 : -8
65 : #d6693d : -6
67 : #d8683b : -4
69 : #db6739 : -2
71 : #dd6636 : ±0
73 : #df6534 : +2
75 : #e26432 : +4
77 : #e4632f : +6
79 : #e6622d : +8
81 : #e9612b : +10
83 : #eb6028 : +12
85 : #ed5e26 : +14
87 : #f05d24 : +16
89 : #f25c21 : +18
91 : #f45b1f : +20
93 : #f75a1d : +22
95 : #f9591a : +24
97 : #fb5818 : +26
99 : #fe5716 : +28
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #090401 : -52
4 : #110703 : -50
6 : #1a0b04 : -48
8 : #230e06 : -46
10 : #2c1207 : -44
12 : #341509 : -42
14 : #3d190a : -40
16 : #461c0c : -38
18 : #4e200d : -36
20 : #57230f : -34
22 : #602710 : -32
24 : #692a12 : -30
26 : #712e13 : -28
28 : #7a3115 : -26
30 : #833516 : -24
32 : #8c3818 : -22
34 : #943c19 : -20
36 : #9d401b : -18
38 : #a6431c : -16
40 : #ae471e : -14
42 : #b74a1f : -12
44 : #c04e21 : -10
46 : #c95122 : -8
48 : #d15523 : -6
50 : #da5825 : -4
52 : #dc5f2e : -2
54 : #dd6636 : ±0
56 : #de6c3f : +2
58 : #e07348 : +4
60 : #e17a51 : +6
62 : #e38059 : +8
64 : #e48762 : +10
66 : #e68e6b : +12
68 : #e79473 : +14
70 : #e99b7c : +16
72 : #eaa285 : +18
74 : #eca88e : +20
76 : #edaf96 : +22
78 : #efb69f : +24
80 : #f0bca8 : +26
82 : #f2c3b1 : +28
84 : #f3cab9 : +30
86 : #f5d0c2 : +32
88 : #f6d7cb : +34
90 : #f8ded3 : +36
92 : #f9e4dc : +38
94 : #fbebe5 : +40
96 : #fcf2ee : +42
98 : #fef8f6 : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow