#543603
RGB ( 赤 = 84, 緑 = 54, 青 = 3 )
HSL ( 色相 = 38°, 彩度 = 93%, 明度 = 17% )
H : 色相 ( 38° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #540e03 : -30
18 : #541b03 : -20
28 : #542903 : -10
38 : #543603 : ±0
48 : #544403 : +10
58 : #545103 : +20
68 : #495403 : +30
78 : #3b5403 : +40
88 : #2e5403 : +50
98 : #215403 : +60
108 : #135403 : +70
118 : #065403 : +80
128 : #03540e : +90
138 : #03541b : +100
148 : #035429 : +110
158 : #035436 : +120
168 : #035444 : +130
178 : #035451 : +140
188 : #034954 : +150
198 : #033b54 : +160
208 : #032e54 : +170
218 : #032154 : +180
228 : #031354 : +190
238 : #030654 : +200
248 : #0e0354 : +210
258 : #1b0354 : +220
268 : #290354 : +230
278 : #360354 : +240
288 : #440354 : +250
298 : #510354 : +260
308 : #540349 : +270
318 : #54033b : +280
328 : #54032e : +290
338 : #540321 : +300
348 : #540313 : +310
358 : #540306 : +320
28 : #542903 : -10
29 : #542a03 : -9
30 : #542b03 : -8
31 : #542d03 : -7
32 : #542e03 : -6
33 : #542f03 : -5
34 : #543103 : -4
35 : #543203 : -3
36 : #543303 : -2
37 : #543503 : -1
38 : #543603 : ±0
39 : #543703 : +1
40 : #543903 : +2
41 : #543a03 : +3
42 : #543b03 : +4
43 : #543d03 : +5
44 : #543e03 : +6
45 : #544003 : +7
46 : #544103 : +8
47 : #544203 : +9
48 : #544403 : +10
S : 彩度 ( 93% )
(0%) 渋い ～ 鮮やか (100%)
1 : #2c2b2b : -92
3 : #2d2c2a : -90
5 : #2e2c29 : -88
7 : #2e2c28 : -86
9 : #2f2c27 : -84
11 : #302d27 : -82
13 : #312d26 : -80
15 : #322d25 : -78
17 : #332d24 : -76
19 : #342e23 : -74
21 : #342e22 : -72
23 : #352e21 : -70
25 : #362e21 : -68
27 : #372e20 : -66
29 : #382f1f : -64
31 : #392f1e : -62
33 : #3a2f1d : -60
35 : #3b2f1c : -58
37 : #3b301b : -56
39 : #3c301a : -54
41 : #3d301a : -52
43 : #3e3019 : -50
45 : #3f3118 : -48
47 : #403117 : -46
49 : #413116 : -44
51 : #413115 : -42
53 : #423114 : -40
55 : #433214 : -38
57 : #443213 : -36
59 : #453212 : -34
61 : #463211 : -32
63 : #473310 : -30
65 : #48330f : -28
67 : #48330e : -26
69 : #49330d : -24
71 : #4a340d : -22
73 : #4b340c : -20
75 : #4c340b : -18
77 : #4d340a : -16
79 : #4e3409 : -14
81 : #4e3508 : -12
83 : #4f3507 : -10
85 : #503507 : -8
87 : #513506 : -6
89 : #523605 : -4
91 : #533604 : -2
93 : #543603 : ±0
95 : #553602 : +2
97 : #553701 : +4
99 : #563700 : +6
L : 明度 ( 17% )
(0%) 暗い ～ 明るい (100%)
1 : #050300 : -16
3 : #0f0a01 : -14
5 : #191001 : -12
7 : #221601 : -10
9 : #2c1d02 : -8
11 : #362302 : -6
13 : #402902 : -4
15 : #4a3003 : -2
17 : #543603 : ±0
19 : #5e3c03 : +2
21 : #674304 : +4
23 : #714904 : +6
25 : #7b5004 : +8
27 : #855605 : +10
29 : #8f5c05 : +12
31 : #996306 : +14
33 : #a26906 : +16
35 : #ac6f06 : +18
37 : #b67607 : +20
39 : #c07c07 : +22
41 : #ca8207 : +24
43 : #d48908 : +26
45 : #dd8f08 : +28
47 : #e79608 : +30
49 : #f19c09 : +32
51 : #f6a10e : +34
53 : #f7a518 : +36
55 : #f7a922 : +38
57 : #f7ad2b : +40
59 : #f8b035 : +42
61 : #f8b43f : +44
63 : #f8b849 : +46
65 : #f9bc53 : +48
67 : #f9c05d : +50
69 : #f9c466 : +52
71 : #fac770 : +54
73 : #facb7a : +56
75 : #fbcf84 : +58
77 : #fbd38e : +60
79 : #fbd798 : +62
81 : #fcdba1 : +64
83 : #fcdeab : +66
85 : #fce2b5 : +68
87 : #fde6bf : +70
89 : #fdeac9 : +72
91 : #fdeed3 : +74
93 : #fef2dd : +76
95 : #fef5e6 : +78
97 : #fef9f0 : +80
99 : #fffdfa : +82
CSS入門、作ってます。
text-shadow