#542d0d
RGB ( 赤 = 84, 緑 = 45, 青 = 13 )
HSL ( 色相 = 27°, 彩度 = 73%, 明度 = 19% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #54150d : -20
17 : #54210d : -10
27 : #542d0d : ±0
37 : #54390d : +10
47 : #54440d : +20
57 : #54500d : +30
67 : #4c540d : +40
77 : #40540d : +50
87 : #34540d : +60
97 : #28540d : +70
107 : #1c540d : +80
117 : #11540d : +90
127 : #0d5415 : +100
137 : #0d5421 : +110
147 : #0d542d : +120
157 : #0d5439 : +130
167 : #0d5444 : +140
177 : #0d5450 : +150
187 : #0d4c54 : +160
197 : #0d4054 : +170
207 : #0d3454 : +180
217 : #0d2854 : +190
227 : #0d1c54 : +200
237 : #0d1154 : +210
247 : #150d54 : +220
257 : #210d54 : +230
267 : #2d0d54 : +240
277 : #390d54 : +250
287 : #440d54 : +260
297 : #500d54 : +270
307 : #540d4c : +280
317 : #540d40 : +290
327 : #540d34 : +300
337 : #540d28 : +310
347 : #540d1c : +320
357 : #540d11 : +330
17 : #54210d : -10
18 : #54220d : -9
19 : #54230d : -8
20 : #54250d : -7
21 : #54260d : -6
22 : #54270d : -5
23 : #54280d : -4
24 : #54290d : -3
25 : #542b0d : -2
26 : #542c0d : -1
27 : #542d0d : ±0
28 : #542e0d : +1
29 : #542f0d : +2
30 : #54300d : +3
31 : #54320d : +4
32 : #54330d : +5
33 : #54340d : +6
34 : #54350d : +7
35 : #54360d : +8
36 : #54380d : +9
37 : #54390d : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #313030 : -72
3 : #32302f : -70
5 : #33302e : -68
7 : #34302d : -66
9 : #35302c : -64
11 : #36302b : -62
13 : #37302a : -60
15 : #383029 : -58
17 : #393028 : -56
19 : #3a3027 : -54
21 : #3b2f26 : -52
23 : #3c2f25 : -50
25 : #3d2f24 : -48
27 : #3e2f23 : -46
29 : #3f2f22 : -44
31 : #3f2f21 : -42
33 : #402f20 : -40
35 : #412f1f : -38
37 : #422f1f : -36
39 : #432f1e : -34
41 : #442e1d : -32
43 : #452e1c : -30
45 : #462e1b : -28
47 : #472e1a : -26
49 : #482e19 : -24
51 : #492e18 : -22
53 : #4a2e17 : -20
55 : #4b2e16 : -18
57 : #4c2e15 : -16
59 : #4d2e14 : -14
61 : #4e2d13 : -12
63 : #4f2d12 : -10
65 : #502d11 : -8
67 : #512d10 : -6
69 : #522d0f : -4
71 : #532d0e : -2
73 : #542d0d : ±0
75 : #552d0c : +2
77 : #562d0b : +4
79 : #572d0a : +6
81 : #582d09 : +8
83 : #592c08 : +10
85 : #5a2c07 : +12
87 : #5b2c06 : +14
89 : #5c2c05 : +16
91 : #5d2c04 : +18
93 : #5e2c03 : +20
95 : #5e2c02 : +22
97 : #5f2c01 : +24
99 : #602c00 : +26
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -18
3 : #0d0702 : -16
5 : #160c03 : -14
7 : #1f1105 : -12
9 : #281506 : -10
11 : #311a08 : -8
13 : #391f09 : -6
15 : #42230a : -4
17 : #4b280c : -2
19 : #542d0d : ±0
21 : #5d320e : +2
23 : #653610 : +4
25 : #6e3b11 : +6
27 : #774013 : +8
29 : #804514 : +10
31 : #894915 : +12
33 : #924e17 : +14
35 : #9a5318 : +16
37 : #a35719 : +18
39 : #ac5c1b : +20
41 : #b5611c : +22
43 : #be661e : +24
45 : #c76a1f : +26
47 : #cf6f20 : +28
49 : #d87422 : +30
51 : #dd7927 : +32
53 : #df7e30 : +34
55 : #e08438 : +36
57 : #e18941 : +38
59 : #e38f4a : +40
61 : #e49453 : +42
63 : #e69a5c : +44
65 : #e79f65 : +46
67 : #e8a56d : +48
69 : #eaaa76 : +50
71 : #ebb07f : +52
73 : #ecb588 : +54
75 : #eebb91 : +56
77 : #efc09a : +58
79 : #f1c6a2 : +60
81 : #f2cbab : +62
83 : #f3d0b4 : +64
85 : #f5d6bd : +66
87 : #f6dbc6 : +68
89 : #f7e1ce : +70
91 : #f9e6d7 : +72
93 : #faece0 : +74
95 : #fcf1e9 : +76
97 : #fdf7f2 : +78
99 : #fefcfb : +80
CSS入門、作ってます。
text-shadow