#38370f
RGB ( 赤 = 56, 緑 = 55, 青 = 15 )
HSL ( 色相 = 59°, 彩度 = 58%, 明度 = 14% )
H : 色相 ( 59° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #38150f : -50
19 : #381c0f : -40
29 : #38230f : -30
39 : #382a0f : -20
49 : #38310f : -10
59 : #38380f : ±0
69 : #32380f : +10
79 : #2b380f : +20
89 : #24380f : +30
99 : #1d380f : +40
109 : #17380f : +50
119 : #10380f : +60
129 : #0f3815 : +70
139 : #0f381c : +80
149 : #0f3823 : +90
159 : #0f382a : +100
169 : #0f3831 : +110
179 : #0f3838 : +120
189 : #0f3238 : +130
199 : #0f2b38 : +140
209 : #0f2438 : +150
219 : #0f1d38 : +160
229 : #0f1738 : +170
239 : #0f1038 : +180
249 : #150f38 : +190
259 : #1c0f38 : +200
269 : #230f38 : +210
279 : #2a0f38 : +220
289 : #310f38 : +230
299 : #380f38 : +240
309 : #380f32 : +250
319 : #380f2b : +260
329 : #380f24 : +270
339 : #380f1d : +280
349 : #380f17 : +290
359 : #380f10 : +300
49 : #38310f : -10
50 : #38320f : -9
51 : #38320f : -8
52 : #38330f : -7
53 : #38340f : -6
54 : #38340f : -5
55 : #38350f : -4
56 : #38360f : -3
57 : #38360f : -2
58 : #38370f : -1
59 : #38380f : ±0
60 : #38380f : +1
61 : #38380f : +2
62 : #37380f : +3
63 : #36380f : +4
64 : #36380f : +5
65 : #35380f : +6
66 : #34380f : +7
67 : #34380f : +8
68 : #33380f : +9
69 : #32380f : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -58
2 : #242423 : -56
4 : #252522 : -54
6 : #262622 : -52
8 : #272621 : -50
10 : #272720 : -48
12 : #28281f : -46
14 : #29291f : -44
16 : #29291e : -42
18 : #2a2a1d : -40
20 : #2b2b1d : -38
22 : #2c2b1c : -36
24 : #2c2c1b : -34
26 : #2d2d1a : -32
28 : #2e2d1a : -30
30 : #2e2e19 : -28
32 : #2f2f18 : -26
34 : #302f18 : -24
36 : #313017 : -22
38 : #313116 : -20
40 : #323215 : -18
42 : #333215 : -16
44 : #333314 : -14
46 : #343413 : -12
48 : #353413 : -10
50 : #363512 : -8
52 : #363611 : -6
54 : #373610 : -4
56 : #383710 : -2
58 : #38380f : ±0
60 : #39380e : +2
62 : #3a390e : +4
64 : #3b3a0d : +6
66 : #3b3a0c : +8
68 : #3c3b0b : +10
70 : #3d3c0b : +12
72 : #3d3d0a : +14
74 : #3e3d09 : +16
76 : #3f3e09 : +18
78 : #403f08 : +20
80 : #403f07 : +22
82 : #414006 : +24
84 : #424106 : +26
86 : #424105 : +28
88 : #434204 : +30
90 : #444304 : +32
92 : #454303 : +34
94 : #454402 : +36
96 : #464501 : +38
98 : #474601 : +40
100 : #474600 : +42
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #080802 : -12
4 : #101004 : -10
6 : #181806 : -8
8 : #202009 : -6
10 : #28280b : -4
12 : #30300d : -2
14 : #38380f : ±0
16 : #404011 : +2
18 : #494813 : +4
20 : #515015 : +6
22 : #595818 : +8
24 : #61601a : +10
26 : #69671c : +12
28 : #716f1e : +14
30 : #797720 : +16
32 : #817f22 : +18
34 : #898724 : +20
36 : #918f27 : +22
38 : #999729 : +24
40 : #a19f2b : +26
42 : #a9a72d : +28
44 : #b1af2f : +30
46 : #b9b731 : +32
48 : #c1bf33 : +34
50 : #c9c736 : +36
52 : #ccc93e : +38
54 : #cecb46 : +40
56 : #d0ce4e : +42
58 : #d2d056 : +44
60 : #d4d25e : +46
62 : #d6d466 : +48
64 : #d8d76e : +50
66 : #dbd976 : +52
68 : #dddb7e : +54
70 : #dfdd86 : +56
72 : #e1e08e : +58
74 : #e3e296 : +60
76 : #e5e49e : +62
78 : #e7e6a6 : +64
80 : #eae9ae : +66
82 : #ecebb6 : +68
84 : #eeedbf : +70
86 : #f0efc7 : +72
88 : #f2f2cf : +74
90 : #f4f4d7 : +76
92 : #f6f6df : +78
94 : #f9f8e7 : +80
96 : #fbfbef : +82
98 : #fdfdf7 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow