#dd5308
RGB ( 赤 = 221, 緑 = 83, 青 = 8 )
HSL ( 色相 = 21°, 彩度 = 93%, 明度 = 45% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #dd0c08 : -20
11 : #dd2f08 : -10
21 : #dd5308 : ±0
31 : #dd7608 : +10
41 : #dd9a08 : +20
51 : #ddbd08 : +30
61 : #dadd08 : +40
71 : #b6dd08 : +50
81 : #93dd08 : +60
91 : #6fdd08 : +70
101 : #4cdd08 : +80
111 : #28dd08 : +90
121 : #08dd0c : +100
131 : #08dd2f : +110
141 : #08dd53 : +120
151 : #08dd76 : +130
161 : #08dd9a : +140
171 : #08ddbd : +150
181 : #08dadd : +160
191 : #08b6dd : +170
201 : #0893dd : +180
211 : #086fdd : +190
221 : #084cdd : +200
231 : #0828dd : +210
241 : #0c08dd : +220
251 : #2f08dd : +230
261 : #5308dd : +240
271 : #7608dd : +250
281 : #9a08dd : +260
291 : #bd08dd : +270
301 : #dd08da : +280
311 : #dd08b6 : +290
321 : #dd0893 : +300
331 : #dd086f : +310
341 : #dd084c : +320
351 : #dd0828 : +330
11 : #dd2f08 : -10
12 : #dd3308 : -9
13 : #dd3608 : -8
14 : #dd3a08 : -7
15 : #dd3d08 : -6
16 : #dd4108 : -5
17 : #dd4508 : -4
18 : #dd4808 : -3
19 : #dd4c08 : -2
20 : #dd4f08 : -1
21 : #dd5308 : ±0
22 : #dd5608 : +1
23 : #dd5a08 : +2
24 : #dd5d08 : +3
25 : #dd6108 : +4
26 : #dd6508 : +5
27 : #dd6808 : +6
28 : #dd6c08 : +7
29 : #dd6f08 : +8
30 : #dd7308 : +9
31 : #dd7608 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747272 : -92
3 : #76726f : -90
5 : #78716d : -88
7 : #7b706b : -86
9 : #7d7068 : -84
11 : #7f6f66 : -82
13 : #826e64 : -80
15 : #846e62 : -78
17 : #866d5f : -76
19 : #896c5d : -74
21 : #8b6c5b : -72
23 : #8d6b58 : -70
25 : #8f6a56 : -68
27 : #926954 : -66
29 : #946951 : -64
31 : #96684f : -62
33 : #99674d : -60
35 : #9b674b : -58
37 : #9d6648 : -56
39 : #a06546 : -54
41 : #a26544 : -52
43 : #a46441 : -50
45 : #a6633f : -48
47 : #a9633d : -46
49 : #ab623b : -44
51 : #ad6138 : -42
53 : #b06136 : -40
55 : #b26034 : -38
57 : #b45f31 : -36
59 : #b65e2f : -34
61 : #b95e2d : -32
63 : #bb5d2a : -30
65 : #bd5c28 : -28
67 : #c05c26 : -26
69 : #c25b24 : -24
71 : #c45a21 : -22
73 : #c75a1f : -20
75 : #c9591d : -18
77 : #cb581a : -16
79 : #cd5818 : -14
81 : #d05716 : -12
83 : #d25614 : -10
85 : #d45511 : -8
87 : #d7550f : -6
89 : #d9540d : -4
91 : #db530a : -2
93 : #dd5308 : ±0
95 : #e05206 : +2
97 : #e25103 : +4
99 : #e45101 : +6
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -44
3 : #0f0601 : -42
5 : #190901 : -40
7 : #220d01 : -38
9 : #2c1102 : -36
11 : #361402 : -34
13 : #401802 : -32
15 : #4a1c03 : -30
17 : #541f03 : -28
19 : #5e2303 : -26
21 : #672704 : -24
23 : #712a04 : -22
25 : #7b2e04 : -20
27 : #853205 : -18
29 : #8f3505 : -16
31 : #993906 : -14
33 : #a23d06 : -12
35 : #ac4006 : -10
37 : #b64407 : -8
39 : #c04807 : -6
41 : #ca4b07 : -4
43 : #d44f08 : -2
45 : #dd5308 : ±0
47 : #e75608 : +2
49 : #f15a09 : +4
51 : #f65f0e : +6
53 : #f76618 : +8
55 : #f76c22 : +10
57 : #f7732b : +12
59 : #f87935 : +14
61 : #f8803f : +16
63 : #f88649 : +18
65 : #f98d53 : +20
67 : #f9935d : +22
69 : #f99a66 : +24
71 : #faa070 : +26
73 : #faa77a : +28
75 : #fbad84 : +30
77 : #fbb48e : +32
79 : #fbbb98 : +34
81 : #fcc1a1 : +36
83 : #fcc8ab : +38
85 : #fcceb5 : +40
87 : #fdd5bf : +42
89 : #fddbc9 : +44
91 : #fde2d3 : +46
93 : #fee8dd : +48
95 : #feefe6 : +50
97 : #fef5f0 : +52
99 : #fffcfa : +54
CSS入門、作ってます。
text-shadow