#d9711c
RGB ( 赤 = 217, 緑 = 113, 青 = 28 )
HSL ( 色相 = 27°, 彩度 = 77%, 明度 = 48% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #d9321c : -20
17 : #d9521c : -10
27 : #d9711c : ±0
37 : #d9901c : +10
47 : #d9b01c : +20
57 : #d9cf1c : +30
67 : #c3d91c : +40
77 : #a3d91c : +50
87 : #84d91c : +60
97 : #64d91c : +70
107 : #45d91c : +80
117 : #26d91c : +90
127 : #1cd932 : +100
137 : #1cd952 : +110
147 : #1cd971 : +120
157 : #1cd990 : +130
167 : #1cd9b0 : +140
177 : #1cd9cf : +150
187 : #1cc3d9 : +160
197 : #1ca3d9 : +170
207 : #1c84d9 : +180
217 : #1c64d9 : +190
227 : #1c45d9 : +200
237 : #1c26d9 : +210
247 : #321cd9 : +220
257 : #521cd9 : +230
267 : #711cd9 : +240
277 : #901cd9 : +250
287 : #b01cd9 : +260
297 : #cf1cd9 : +270
307 : #d91cc3 : +280
317 : #d91ca3 : +290
327 : #d91c84 : +300
337 : #d91c64 : +310
347 : #d91c45 : +320
357 : #d91c26 : +330
17 : #d9521c : -10
18 : #d9551c : -9
19 : #d9581c : -8
20 : #d95b1c : -7
21 : #d95e1c : -6
22 : #d9611c : -5
23 : #d9641c : -4
24 : #d9681c : -3
25 : #d96b1c : -2
26 : #d96e1c : -1
27 : #d9711c : ±0
28 : #d9741c : +1
29 : #d9771c : +2
30 : #d97a1c : +3
31 : #d97e1c : +4
32 : #d9811c : +5
33 : #d9841c : +6
34 : #d9871c : +7
35 : #d98a1c : +8
36 : #d98d1c : +9
37 : #d9901c : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c7a79 : -76
3 : #7e7a77 : -74
5 : #817a74 : -72
7 : #837a72 : -70
9 : #85796f : -68
11 : #88796d : -66
13 : #8a796a : -64
15 : #8d7968 : -62
17 : #8f7866 : -60
19 : #927863 : -58
21 : #947861 : -56
23 : #97785e : -54
25 : #99775c : -52
27 : #9b7759 : -50
29 : #9e7757 : -48
31 : #a07754 : -46
33 : #a37652 : -44
35 : #a57650 : -42
37 : #a8764d : -40
39 : #aa764b : -38
41 : #ad7548 : -36
43 : #af7546 : -34
45 : #b17543 : -32
47 : #b47541 : -30
49 : #b6743e : -28
51 : #b9743c : -26
53 : #bb743a : -24
55 : #be7437 : -22
57 : #c07335 : -20
59 : #c37332 : -18
61 : #c57330 : -16
63 : #c8732d : -14
65 : #ca722b : -12
67 : #cc7228 : -10
69 : #cf7226 : -8
71 : #d17223 : -6
73 : #d47121 : -4
75 : #d6711f : -2
77 : #d9711c : ±0
79 : #db711a : +2
81 : #de7017 : +4
83 : #e07015 : +6
85 : #e27012 : +8
87 : #e57010 : +10
89 : #e7700d : +12
91 : #ea6f0b : +14
93 : #ec6f09 : +16
95 : #ef6f06 : +18
97 : #f16f04 : +20
99 : #f46e01 : +22
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #090501 : -46
4 : #120902 : -44
6 : #1b0e04 : -42
8 : #241305 : -40
10 : #2d1806 : -38
12 : #361c07 : -36
14 : #3f2108 : -34
16 : #482609 : -32
18 : #512a0b : -30
20 : #5a2f0c : -28
22 : #63340d : -26
24 : #6c380e : -24
26 : #753d0f : -22
28 : #7e4210 : -20
30 : #874712 : -18
32 : #904b13 : -16
34 : #995014 : -14
36 : #a25515 : -12
38 : #ac5916 : -10
40 : #b55e17 : -8
42 : #be6319 : -6
44 : #c7681a : -4
46 : #d06c1b : -2
48 : #d9711c : ±0
50 : #e2761d : +2
52 : #e37b26 : +4
54 : #e4812f : +6
56 : #e58638 : +8
58 : #e68c41 : +10
60 : #e8914a : +12
62 : #e99753 : +14
64 : #ea9c5d : +16
66 : #eba266 : +18
68 : #eca76f : +20
70 : #edad78 : +22
72 : #efb281 : +24
74 : #f0b88a : +26
76 : #f1bd93 : +28
78 : #f2c39c : +30
80 : #f3c8a5 : +32
82 : #f4ceae : +34
84 : #f6d3b7 : +36
86 : #f7d9c0 : +38
88 : #f8dec9 : +40
90 : #f9e4d2 : +42
92 : #fae9db : +44
94 : #fbefe4 : +46
96 : #fdf4ed : +48
98 : #fefaf6 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow