#470d54
RGB ( 赤 = 71, 緑 = 13, 青 = 84 )
HSL ( 色相 = 289°, 彩度 = 73%, 明度 = 19% )
H : 色相 ( 289° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #54180d : -280
19 : #54230d : -270
29 : #542f0d : -260
39 : #543b0d : -250
49 : #54470d : -240
59 : #54530d : -230
69 : #49540d : -220
79 : #3d540d : -210
89 : #32540d : -200
99 : #26540d : -190
109 : #1a540d : -180
119 : #0e540d : -170
129 : #0d5418 : -160
139 : #0d5423 : -150
149 : #0d542f : -140
159 : #0d543b : -130
169 : #0d5447 : -120
179 : #0d5453 : -110
189 : #0d4954 : -100
199 : #0d3d54 : -90
209 : #0d3254 : -80
219 : #0d2654 : -70
229 : #0d1a54 : -60
239 : #0d0e54 : -50
249 : #180d54 : -40
259 : #230d54 : -30
269 : #2f0d54 : -20
279 : #3b0d54 : -10
289 : #470d54 : ±0
299 : #530d54 : +10
309 : #540d49 : +20
319 : #540d3d : +30
329 : #540d32 : +40
339 : #540d26 : +50
349 : #540d1a : +60
359 : #540d0e : +70
279 : #3b0d54 : -10
280 : #3c0d54 : -9
281 : #3d0d54 : -8
282 : #3f0d54 : -7
283 : #400d54 : -6
284 : #410d54 : -5
285 : #420d54 : -4
286 : #430d54 : -3
287 : #440d54 : -2
288 : #460d54 : -1
289 : #470d54 : ±0
290 : #480d54 : +1
291 : #490d54 : +2
292 : #4a0d54 : +3
293 : #4c0d54 : +4
294 : #4d0d54 : +5
295 : #4e0d54 : +6
296 : #4f0d54 : +7
297 : #500d54 : +8
298 : #510d54 : +9
299 : #530d54 : +10
S : 彩度 ( 73% )
(0%) 渋い ～ 鮮やか (100%)
1 : #313031 : -72
3 : #312f32 : -70
5 : #322e33 : -68
7 : #332d34 : -66
9 : #332c35 : -64
11 : #342b36 : -62
13 : #342a37 : -60
15 : #352938 : -58
17 : #362839 : -56
19 : #36273a : -54
21 : #37263b : -52
23 : #38253c : -50
25 : #38243d : -48
27 : #39233e : -46
29 : #39223f : -44
31 : #3a213f : -42
33 : #3b2040 : -40
35 : #3b1f41 : -38
37 : #3c1f42 : -36
39 : #3c1e43 : -34
41 : #3d1d44 : -32
43 : #3e1c45 : -30
45 : #3e1b46 : -28
47 : #3f1a47 : -26
49 : #3f1948 : -24
51 : #401849 : -22
53 : #41174a : -20
55 : #41164b : -18
57 : #42154c : -16
59 : #43144d : -14
61 : #43134e : -12
63 : #44124f : -10
65 : #441150 : -8
67 : #451051 : -6
69 : #460f52 : -4
71 : #460e53 : -2
73 : #470d54 : ±0
75 : #470c55 : +2
77 : #480b56 : +4
79 : #490a57 : +6
81 : #490958 : +8
83 : #4a0859 : +10
85 : #4b075a : +12
87 : #4b065b : +14
89 : #4c055c : +16
91 : #4c045d : +18
93 : #4d035e : +20
95 : #4e025e : +22
97 : #4e015f : +24
99 : #4f0060 : +26
L : 明度 ( 19% )
(0%) 暗い ～ 明るい (100%)
1 : #040104 : -18
3 : #0b020d : -16
5 : #130316 : -14
7 : #1a051f : -12
9 : #220628 : -10
11 : #290831 : -8
13 : #300939 : -6
15 : #380a42 : -4
17 : #3f0c4b : -2
19 : #470d54 : ±0
21 : #4e0e5d : +2
23 : #561065 : +4
25 : #5d116e : +6
27 : #651377 : +8
29 : #6c1480 : +10
31 : #741589 : +12
33 : #7b1792 : +14
35 : #83189a : +16
37 : #8a19a3 : +18
39 : #911bac : +20
41 : #991cb5 : +22
43 : #a01ebe : +24
45 : #a81fc7 : +26
47 : #af20cf : +28
49 : #b722d8 : +30
51 : #bc27dd : +32
53 : #bf30df : +34
55 : #c138e0 : +36
57 : #c441e1 : +38
59 : #c74ae3 : +40
61 : #ca53e4 : +42
63 : #cc5ce6 : +44
65 : #cf65e7 : +46
67 : #d26de8 : +48
69 : #d476ea : +50
71 : #d77feb : +52
73 : #da88ec : +54
75 : #dd91ee : +56
77 : #df9aef : +58
79 : #e2a2f1 : +60
81 : #e5abf2 : +62
83 : #e8b4f3 : +64
85 : #eabdf5 : +66
87 : #edc6f6 : +68
89 : #f0cef7 : +70
91 : #f3d7f9 : +72
93 : #f5e0fa : +74
95 : #f8e9fc : +76
97 : #fbf2fd : +78
99 : #fefbfe : +80
CSS入門、作ってます。
text-shadow