#0d3116
RGB ( 赤 = 13, 緑 = 49, 青 = 22 )
HSL ( 色相 = 135°, 彩度 = 58%, 明度 = 12% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #30100d : -130
15 : #30160d : -120
25 : #301c0d : -110
35 : #30220d : -100
45 : #30270d : -90
55 : #302d0d : -80
65 : #2d300d : -70
75 : #27300d : -60
85 : #22300d : -50
95 : #1c300d : -40
105 : #16300d : -30
115 : #10300d : -20
125 : #0d3010 : -10
135 : #0d3016 : ±0
145 : #0d301c : +10
155 : #0d3022 : +20
165 : #0d3027 : +30
175 : #0d302d : +40
185 : #0d2d30 : +50
195 : #0d2730 : +60
205 : #0d2230 : +70
215 : #0d1c30 : +80
225 : #0d1630 : +90
235 : #0d1030 : +100
245 : #100d30 : +110
255 : #160d30 : +120
265 : #1c0d30 : +130
275 : #220d30 : +140
285 : #270d30 : +150
295 : #2d0d30 : +160
305 : #300d2d : +170
315 : #300d27 : +180
325 : #300d22 : +190
335 : #300d1c : +200
345 : #300d16 : +210
355 : #300d10 : +220
125 : #0d3010 : -10
126 : #0d3010 : -9
127 : #0d3011 : -8
128 : #0d3012 : -7
129 : #0d3012 : -6
130 : #0d3013 : -5
131 : #0d3013 : -4
132 : #0d3014 : -3
133 : #0d3015 : -2
134 : #0d3015 : -1
135 : #0d3016 : ±0
136 : #0d3016 : +1
137 : #0d3017 : +2
138 : #0d3018 : +3
139 : #0d3018 : +4
140 : #0d3019 : +5
141 : #0d3019 : +6
142 : #0d301a : +7
143 : #0d301a : +8
144 : #0d301b : +9
145 : #0d301c : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1e1e1e : -58
2 : #1e1f1e : -56
4 : #1d201e : -54
6 : #1d201e : -52
8 : #1c211d : -50
10 : #1c221d : -48
12 : #1b221d : -46
14 : #1a231c : -44
16 : #1a231c : -42
18 : #19241c : -40
20 : #18251c : -38
22 : #18251b : -36
24 : #17261b : -34
26 : #17271b : -32
28 : #16271a : -30
30 : #15281a : -28
32 : #15281a : -26
34 : #142919 : -24
36 : #142a19 : -22
38 : #132a19 : -20
40 : #122b18 : -18
42 : #122b18 : -16
44 : #112c18 : -14
46 : #112d18 : -12
48 : #102d17 : -10
50 : #0f2e17 : -8
52 : #0f2f17 : -6
54 : #0e2f16 : -4
56 : #0d3016 : -2
58 : #0d3016 : ±0
60 : #0c3115 : +2
62 : #0c3215 : +4
64 : #0b3215 : +6
66 : #0a3315 : +8
68 : #0a3314 : +10
70 : #093414 : +12
72 : #093514 : +14
74 : #083513 : +16
76 : #073613 : +18
78 : #073613 : +20
80 : #063712 : +22
82 : #063812 : +24
84 : #053812 : +26
86 : #043911 : +28
88 : #043a11 : +30
90 : #033a11 : +32
92 : #023b11 : +34
94 : #023b10 : +36
96 : #013c10 : +38
98 : #013d10 : +40
100 : #003d0f : +42
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #020804 : -10
4 : #041007 : -8
6 : #06180b : -6
8 : #09200e : -4
10 : #0b2812 : -2
12 : #0d3016 : ±0
14 : #0f3819 : +2
16 : #11401d : +4
18 : #134921 : +6
20 : #155124 : +8
22 : #185928 : +10
24 : #1a612b : +12
26 : #1c692f : +14
28 : #1e7133 : +16
30 : #207936 : +18
32 : #22813a : +20
34 : #24893e : +22
36 : #279141 : +24
38 : #299945 : +26
40 : #2ba148 : +28
42 : #2da94c : +30
44 : #2fb150 : +32
46 : #31b953 : +34
48 : #33c157 : +36
50 : #36c95b : +38
52 : #3ecc61 : +40
54 : #46ce68 : +42
56 : #4ed06e : +44
58 : #56d275 : +46
60 : #5ed47b : +48
62 : #66d682 : +50
64 : #6ed889 : +52
66 : #76db8f : +54
68 : #7edd96 : +56
70 : #86df9c : +58
72 : #8ee1a3 : +60
74 : #96e3a9 : +62
76 : #9ee5b0 : +64
78 : #a6e7b7 : +66
80 : #aeeabd : +68
82 : #b6ecc4 : +70
84 : #bfeeca : +72
86 : #c7f0d1 : +74
88 : #cff2d8 : +76
90 : #d7f4de : +78
92 : #dff6e5 : +80
94 : #e7f9eb : +82
96 : #effbf2 : +84
98 : #f7fdf8 : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow