#dd3308
RGB ( 赤 = 221, 緑 = 51, 青 = 8 )
HSL ( 色相 = 12°, 彩度 = 93%, 明度 = 45% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #dd0f08 : -10
12 : #dd3308 : ±0
22 : #dd5608 : +10
32 : #dd7a08 : +20
42 : #dd9d08 : +30
52 : #ddc108 : +40
62 : #d6dd08 : +50
72 : #b3dd08 : +60
82 : #8fdd08 : +70
92 : #6cdd08 : +80
102 : #48dd08 : +90
112 : #24dd08 : +100
122 : #08dd0f : +110
132 : #08dd33 : +120
142 : #08dd56 : +130
152 : #08dd7a : +140
162 : #08dd9d : +150
172 : #08ddc1 : +160
182 : #08d6dd : +170
192 : #08b3dd : +180
202 : #088fdd : +190
212 : #086cdd : +200
222 : #0848dd : +210
232 : #0824dd : +220
242 : #0f08dd : +230
252 : #3308dd : +240
262 : #5608dd : +250
272 : #7a08dd : +260
282 : #9d08dd : +270
292 : #c108dd : +280
302 : #dd08d6 : +290
312 : #dd08b3 : +300
322 : #dd088f : +310
332 : #dd086c : +320
342 : #dd0848 : +330
352 : #dd0824 : +340
2 : #dd0f08 : -10
3 : #dd1308 : -9
4 : #dd1608 : -8
5 : #dd1a08 : -7
6 : #dd1d08 : -6
7 : #dd2108 : -5
8 : #dd2408 : -4
9 : #dd2808 : -3
10 : #dd2c08 : -2
11 : #dd2f08 : -1
12 : #dd3308 : ±0
13 : #dd3608 : +1
14 : #dd3a08 : +2
15 : #dd3d08 : +3
16 : #dd4108 : +4
17 : #dd4508 : +5
18 : #dd4808 : +6
19 : #dd4c08 : +7
20 : #dd4f08 : +8
21 : #dd5308 : +9
22 : #dd5608 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747272 : -92
3 : #76716f : -90
5 : #786f6d : -88
7 : #7b6e6b : -86
9 : #7d6d68 : -84
11 : #7f6b66 : -82
13 : #826a64 : -80
15 : #846862 : -78
17 : #86675f : -76
19 : #89665d : -74
21 : #8b645b : -72
23 : #8d6358 : -70
25 : #8f6256 : -68
27 : #926054 : -66
29 : #945f51 : -64
31 : #965d4f : -62
33 : #995c4d : -60
35 : #9b5b4b : -58
37 : #9d5948 : -56
39 : #a05846 : -54
41 : #a25744 : -52
43 : #a45541 : -50
45 : #a6543f : -48
47 : #a9523d : -46
49 : #ab513b : -44
51 : #ad5038 : -42
53 : #b04e36 : -40
55 : #b24d34 : -38
57 : #b44c31 : -36
59 : #b64a2f : -34
61 : #b9492d : -32
63 : #bb472a : -30
65 : #bd4628 : -28
67 : #c04526 : -26
69 : #c24324 : -24
71 : #c44221 : -22
73 : #c7401f : -20
75 : #c93f1d : -18
77 : #cb3e1a : -16
79 : #cd3c18 : -14
81 : #d03b16 : -12
83 : #d23a14 : -10
85 : #d43811 : -8
87 : #d7370f : -6
89 : #d9350d : -4
91 : #db340a : -2
93 : #dd3308 : ±0
95 : #e03106 : +2
97 : #e23003 : +4
99 : #e42f01 : +6
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -44
3 : #0f0301 : -42
5 : #190601 : -40
7 : #220801 : -38
9 : #2c0a02 : -36
11 : #360c02 : -34
13 : #400f02 : -32
15 : #4a1103 : -30
17 : #541303 : -28
19 : #5e1503 : -26
21 : #671804 : -24
23 : #711a04 : -22
25 : #7b1c04 : -20
27 : #851e05 : -18
29 : #8f2105 : -16
31 : #992306 : -14
33 : #a22506 : -12
35 : #ac2706 : -10
37 : #b62a07 : -8
39 : #c02c07 : -6
41 : #ca2e07 : -4
43 : #d43008 : -2
45 : #dd3308 : ±0
47 : #e73508 : +2
49 : #f13709 : +4
51 : #f63c0e : +6
53 : #f74418 : +8
55 : #f74c22 : +10
57 : #f7542b : +12
59 : #f85c35 : +14
61 : #f8643f : +16
63 : #f86c49 : +18
65 : #f97453 : +20
67 : #f97c5d : +22
69 : #f98466 : +24
71 : #fa8c70 : +26
73 : #fa947a : +28
75 : #fb9c84 : +30
77 : #fba48e : +32
79 : #fbac98 : +34
81 : #fcb4a1 : +36
83 : #fcbbab : +38
85 : #fcc3b5 : +40
87 : #fdcbbf : +42
89 : #fdd3c9 : +44
91 : #fddbd3 : +46
93 : #fee3dd : +48
95 : #feebe6 : +50
97 : #fef3f0 : +52
99 : #fffbfa : +54
CSS入門、作ってます。
text-shadow