#dd2c08
RGB ( 赤 = 221, 緑 = 44, 青 = 8 )
HSL ( 色相 = 10°, 彩度 = 93%, 明度 = 45% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #dd0808 : -10
10 : #dd2c08 : ±0
20 : #dd4f08 : +10
30 : #dd7308 : +20
40 : #dd9608 : +30
50 : #ddba08 : +40
60 : #dddd08 : +50
70 : #badd08 : +60
80 : #96dd08 : +70
90 : #73dd08 : +80
100 : #4fdd08 : +90
110 : #2cdd08 : +100
120 : #08dd08 : +110
130 : #08dd2c : +120
140 : #08dd4f : +130
150 : #08dd73 : +140
160 : #08dd96 : +150
170 : #08ddba : +160
180 : #08dddd : +170
190 : #08badd : +180
200 : #0896dd : +190
210 : #0873dd : +200
220 : #084fdd : +210
230 : #082cdd : +220
240 : #0808dd : +230
250 : #2c08dd : +240
260 : #4f08dd : +250
270 : #7308dd : +260
280 : #9608dd : +270
290 : #ba08dd : +280
300 : #dd08dd : +290
310 : #dd08ba : +300
320 : #dd0896 : +310
330 : #dd0873 : +320
340 : #dd084f : +330
350 : #dd082c : +340
0 : #dd0808 : -10
1 : #dd0c08 : -9
2 : #dd0f08 : -8
3 : #dd1308 : -7
4 : #dd1608 : -6
5 : #dd1a08 : -5
6 : #dd1d08 : -4
7 : #dd2108 : -3
8 : #dd2408 : -2
9 : #dd2808 : -1
10 : #dd2c08 : ±0
11 : #dd2f08 : +1
12 : #dd3308 : +2
13 : #dd3608 : +3
14 : #dd3a08 : +4
15 : #dd3d08 : +5
16 : #dd4108 : +6
17 : #dd4508 : +7
18 : #dd4808 : +8
19 : #dd4c08 : +9
20 : #dd4f08 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747272 : -92
3 : #76706f : -90
5 : #786f6d : -88
7 : #7b6d6b : -86
9 : #7d6c68 : -84
11 : #7f6a66 : -82
13 : #826964 : -80
15 : #846762 : -78
17 : #86665f : -76
19 : #89645d : -74
21 : #8b635b : -72
23 : #8d6158 : -70
25 : #8f6056 : -68
27 : #925e54 : -66
29 : #945d51 : -64
31 : #965b4f : -62
33 : #995a4d : -60
35 : #9b584b : -58
37 : #9d5648 : -56
39 : #a05546 : -54
41 : #a25344 : -52
43 : #a45241 : -50
45 : #a6503f : -48
47 : #a94f3d : -46
49 : #ab4d3b : -44
51 : #ad4c38 : -42
53 : #b04a36 : -40
55 : #b24934 : -38
57 : #b44731 : -36
59 : #b6462f : -34
61 : #b9442d : -32
63 : #bb432a : -30
65 : #bd4128 : -28
67 : #c03f26 : -26
69 : #c23e24 : -24
71 : #c43c21 : -22
73 : #c73b1f : -20
75 : #c9391d : -18
77 : #cb381a : -16
79 : #cd3618 : -14
81 : #d03516 : -12
83 : #d23314 : -10
85 : #d43211 : -8
87 : #d7300f : -6
89 : #d92f0d : -4
91 : #db2d0a : -2
93 : #dd2c08 : ±0
95 : #e02a06 : +2
97 : #e22903 : +4
99 : #e42701 : +6
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -44
3 : #0f0301 : -42
5 : #190501 : -40
7 : #220701 : -38
9 : #2c0902 : -36
11 : #360b02 : -34
13 : #400d02 : -32
15 : #4a0f03 : -30
17 : #541003 : -28
19 : #5e1203 : -26
21 : #671404 : -24
23 : #711604 : -22
25 : #7b1804 : -20
27 : #851a05 : -18
29 : #8f1c05 : -16
31 : #991e06 : -14
33 : #a22006 : -12
35 : #ac2206 : -10
37 : #b62407 : -8
39 : #c02607 : -6
41 : #ca2807 : -4
43 : #d42a08 : -2
45 : #dd2c08 : ±0
47 : #e72e08 : +2
49 : #f12f09 : +4
51 : #f6350e : +6
53 : #f73d18 : +8
55 : #f74522 : +10
57 : #f74d2b : +12
59 : #f85635 : +14
61 : #f85e3f : +16
63 : #f86649 : +18
65 : #f96e53 : +20
67 : #f9775d : +22
69 : #f97f66 : +24
71 : #fa8770 : +26
73 : #fa8f7a : +28
75 : #fb9884 : +30
77 : #fba08e : +32
79 : #fba898 : +34
81 : #fcb1a1 : +36
83 : #fcb9ab : +38
85 : #fcc1b5 : +40
87 : #fdc9bf : +42
89 : #fdd2c9 : +44
91 : #fddad3 : +46
93 : #fee2dd : +48
95 : #feeae6 : +50
97 : #fef3f0 : +52
99 : #fffbfa : +54
CSS入門、作ってます。
text-shadow