#d7580f
RGB ( 赤 = 215, 緑 = 88, 青 = 15 )
HSL ( 色相 = 22°, 彩度 = 87%, 明度 = 45% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d7160f : -20
12 : #d7370f : -10
22 : #d7580f : ±0
32 : #d7790f : +10
42 : #d79b0f : +20
52 : #d7bc0f : +30
62 : #d0d70f : +40
72 : #afd70f : +50
82 : #8dd70f : +60
92 : #6cd70f : +70
102 : #4bd70f : +80
112 : #2ad70f : +90
122 : #0fd716 : +100
132 : #0fd737 : +110
142 : #0fd758 : +120
152 : #0fd779 : +130
162 : #0fd79b : +140
172 : #0fd7bc : +150
182 : #0fd0d7 : +160
192 : #0fafd7 : +170
202 : #0f8dd7 : +180
212 : #0f6cd7 : +190
222 : #0f4bd7 : +200
232 : #0f2ad7 : +210
242 : #160fd7 : +220
252 : #370fd7 : +230
262 : #580fd7 : +240
272 : #790fd7 : +250
282 : #9b0fd7 : +260
292 : #bc0fd7 : +270
302 : #d70fd0 : +280
312 : #d70faf : +290
322 : #d70f8d : +300
332 : #d70f6c : +310
342 : #d70f4b : +320
352 : #d70f2a : +330
12 : #d7370f : -10
13 : #d73a0f : -9
14 : #d73e0f : -8
15 : #d7410f : -7
16 : #d7440f : -6
17 : #d7470f : -5
18 : #d74b0f : -4
19 : #d74e0f : -3
20 : #d7510f : -2
21 : #d7550f : -1
22 : #d7580f : ±0
23 : #d75b0f : +1
24 : #d75f0f : +2
25 : #d7620f : +3
26 : #d7650f : +4
27 : #d7690f : +5
28 : #d76c0f : +6
29 : #d76f0f : +7
30 : #d7730f : +8
31 : #d7760f : +9
32 : #d7790f : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747272 : -86
3 : #76726f : -84
5 : #78716d : -82
7 : #7b716b : -80
9 : #7d7068 : -78
11 : #7f6f66 : -76
13 : #826f64 : -74
15 : #846e62 : -72
17 : #866e5f : -70
19 : #896d5d : -68
21 : #8b6c5b : -66
23 : #8d6c58 : -64
25 : #8f6b56 : -62
27 : #926a54 : -60
29 : #946a51 : -58
31 : #96694f : -56
33 : #99694d : -54
35 : #9b684b : -52
37 : #9d6748 : -50
39 : #a06746 : -48
41 : #a26644 : -46
43 : #a46641 : -44
45 : #a6653f : -42
47 : #a9643d : -40
49 : #ab643b : -38
51 : #ad6338 : -36
53 : #b06336 : -34
55 : #b26234 : -32
57 : #b46131 : -30
59 : #b6612f : -28
61 : #b9602d : -26
63 : #bb5f2a : -24
65 : #bd5f28 : -22
67 : #c05e26 : -20
69 : #c25e24 : -18
71 : #c45d21 : -16
73 : #c75c1f : -14
75 : #c95c1d : -12
77 : #cb5b1a : -10
79 : #cd5b18 : -8
81 : #d05a16 : -6
83 : #d25914 : -4
85 : #d45911 : -2
87 : #d7580f : ±0
89 : #d9580d : +2
91 : #db570a : +4
93 : #dd5608 : +6
95 : #e05606 : +8
97 : #e25503 : +10
99 : #e45401 : +12
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -44
3 : #0e0601 : -42
5 : #180a02 : -40
7 : #210e02 : -38
9 : #2b1203 : -36
11 : #341604 : -34
13 : #3e1904 : -32
15 : #481d05 : -30
17 : #512106 : -28
19 : #5b2506 : -26
21 : #642907 : -24
23 : #6e2d08 : -22
25 : #773108 : -20
27 : #813509 : -18
29 : #8a390a : -16
31 : #943d0a : -14
33 : #9d410b : -12
35 : #a7450c : -10
37 : #b0480c : -8
39 : #ba4c0d : -6
41 : #c4500e : -4
43 : #cd540e : -2
45 : #d7580f : ±0
47 : #e05c10 : +2
49 : #ea6010 : +4
51 : #ef6515 : +6
53 : #ef6b1f : +8
55 : #f07228 : +10
57 : #f17832 : +12
59 : #f17e3b : +14
61 : #f28445 : +16
63 : #f38b4f : +18
65 : #f39158 : +20
67 : #f49762 : +22
69 : #f59e6b : +24
71 : #f5a475 : +26
73 : #f6aa7e : +28
75 : #f7b088 : +30
77 : #f7b791 : +32
79 : #f8bd9b : +34
81 : #f9c3a4 : +36
83 : #f9caae : +38
85 : #fad0b7 : +40
87 : #fbd6c1 : +42
89 : #fbdccb : +44
91 : #fce3d4 : +46
93 : #fde9de : +48
95 : #fdefe7 : +50
97 : #fef6f1 : +52
99 : #fffcfa : +54
CSS入門、作ってます。
text-shadow