#48460a
RGB ( 赤 = 72, 緑 = 70, 青 = 10 )
HSL ( 色相 = 58°, 彩度 = 76%, 明度 = 16% )
H : 色相 ( 58° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #48120a : -50
18 : #481c0a : -40
28 : #48270a : -30
38 : #48310a : -20
48 : #483b0a : -10
58 : #48460a : ±0
68 : #40480a : +10
78 : #35480a : +20
88 : #2b480a : +30
98 : #21480a : +40
108 : #16480a : +50
118 : #0c480a : +60
128 : #0a4812 : +70
138 : #0a481c : +80
148 : #0a4827 : +90
158 : #0a4831 : +100
168 : #0a483b : +110
178 : #0a4846 : +120
188 : #0a4048 : +130
198 : #0a3548 : +140
208 : #0a2b48 : +150
218 : #0a2148 : +160
228 : #0a1648 : +170
238 : #0a0c48 : +180
248 : #120a48 : +190
258 : #1c0a48 : +200
268 : #270a48 : +210
278 : #310a48 : +220
288 : #3b0a48 : +230
298 : #460a48 : +240
308 : #480a40 : +250
318 : #480a35 : +260
328 : #480a2b : +270
338 : #480a21 : +280
348 : #480a16 : +290
358 : #480a0c : +300
48 : #483b0a : -10
49 : #483c0a : -9
50 : #483d0a : -8
51 : #483f0a : -7
52 : #48400a : -6
53 : #48410a : -5
54 : #48420a : -4
55 : #48430a : -3
56 : #48440a : -2
57 : #48450a : -1
58 : #48460a : ±0
59 : #48470a : +1
60 : #48480a : +2
61 : #47480a : +3
62 : #46480a : +4
63 : #45480a : +5
64 : #44480a : +6
65 : #43480a : +7
66 : #42480a : +8
67 : #41480a : +9
68 : #40480a : +10
S : 彩度 ( 76% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -76
2 : #2a2a28 : -74
4 : #2a2a27 : -72
6 : #2b2b26 : -70
8 : #2c2c26 : -68
10 : #2d2d25 : -66
12 : #2e2d24 : -64
14 : #2f2e23 : -62
16 : #2f2f22 : -60
18 : #303021 : -58
20 : #313021 : -56
22 : #323120 : -54
24 : #33321f : -52
26 : #33331e : -50
28 : #34331d : -48
30 : #35341d : -46
32 : #36351c : -44
34 : #37361b : -42
36 : #37371a : -40
38 : #383719 : -38
40 : #393818 : -36
42 : #3a3918 : -34
44 : #3b3a17 : -32
46 : #3c3a16 : -30
48 : #3c3b15 : -28
50 : #3d3c14 : -26
52 : #3e3d14 : -24
54 : #3f3d13 : -22
56 : #403e12 : -20
58 : #403f11 : -18
60 : #414010 : -16
62 : #424010 : -14
64 : #43410f : -12
66 : #44420e : -10
68 : #45430d : -8
70 : #45430c : -6
72 : #46440b : -4
74 : #47450b : -2
76 : #48460a : ±0
78 : #494709 : +2
80 : #494708 : +4
82 : #4a4807 : +6
84 : #4b4907 : +8
86 : #4c4a06 : +10
88 : #4d4a05 : +12
90 : #4e4b04 : +14
92 : #4e4c03 : +16
94 : #4f4d02 : +18
96 : #504d02 : +20
98 : #514e01 : +22
100 : #524f00 : +24
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #090901 : -14
4 : #121102 : -12
6 : #1b1a04 : -10
8 : #242305 : -8
10 : #2d2c06 : -6
12 : #363407 : -4
14 : #3f3d09 : -2
16 : #48460a : ±0
18 : #514e0b : +2
20 : #5a570c : +4
22 : #63600d : +6
24 : #6c690f : +8
26 : #757110 : +10
28 : #7e7a11 : +12
30 : #878312 : +14
32 : #908b14 : +16
34 : #999415 : +18
36 : #a29d16 : +20
38 : #aba617 : +22
40 : #b4ae18 : +24
42 : #bcb71a : +26
44 : #c5c01b : +28
46 : #cec91c : +30
48 : #d7d11d : +32
50 : #e0da1f : +34
52 : #e2db28 : +36
54 : #e3dd31 : +38
56 : #e4de3a : +40
58 : #e5e043 : +42
60 : #e7e14b : +44
62 : #e8e354 : +46
64 : #e9e45d : +48
66 : #eae666 : +50
68 : #ebe76f : +52
70 : #ede978 : +54
72 : #eeea81 : +56
74 : #efec8a : +58
76 : #f0ed93 : +60
78 : #f2ef9c : +62
80 : #f3f0a5 : +64
82 : #f4f2ae : +66
84 : #f5f3b7 : +68
86 : #f6f5c0 : +70
88 : #f8f6c9 : +72
90 : #f9f8d2 : +74
92 : #faf9db : +76
94 : #fbfbe4 : +78
96 : #fdfced : +80
98 : #fefef6 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow