#0a3327
RGB ( 赤 = 10, 緑 = 51, 青 = 39 )
HSL ( 色相 = 162°, 彩度 = 67%, 明度 = 12% )
H : 色相 ( 162° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #330b0a : -160
12 : #33120a : -150
22 : #33190a : -140
32 : #33200a : -130
42 : #33270a : -120
52 : #332e0a : -110
62 : #32330a : -100
72 : #2b330a : -90
82 : #24330a : -80
92 : #1d330a : -70
102 : #16330a : -60
112 : #10330a : -50
122 : #0a330b : -40
132 : #0a3312 : -30
142 : #0a3319 : -20
152 : #0a3320 : -10
162 : #0a3327 : ±0
172 : #0a332e : +10
182 : #0a3233 : +20
192 : #0a2b33 : +30
202 : #0a2433 : +40
212 : #0a1d33 : +50
222 : #0a1633 : +60
232 : #0a1033 : +70
242 : #0b0a33 : +80
252 : #120a33 : +90
262 : #190a33 : +100
272 : #200a33 : +110
282 : #270a33 : +120
292 : #2e0a33 : +130
302 : #330a32 : +140
312 : #330a2b : +150
322 : #330a24 : +160
332 : #330a1d : +170
342 : #330a16 : +180
352 : #330a10 : +190
152 : #0a3320 : -10
153 : #0a3321 : -9
154 : #0a3321 : -8
155 : #0a3322 : -7
156 : #0a3323 : -6
157 : #0a3323 : -5
158 : #0a3324 : -4
159 : #0a3325 : -3
160 : #0a3325 : -2
161 : #0a3326 : -1
162 : #0a3327 : ±0
163 : #0a3327 : +1
164 : #0a3328 : +2
165 : #0a3329 : +3
166 : #0a332a : +4
167 : #0a332a : +5
168 : #0a332b : +6
169 : #0a332c : +7
170 : #0a332c : +8
171 : #0a332d : +9
172 : #0a332e : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #1e1f1f : -66
3 : #1e201f : -64
5 : #1d201f : -62
7 : #1c211f : -60
9 : #1c2120 : -58
11 : #1b2220 : -56
13 : #1b2320 : -54
15 : #1a2320 : -52
17 : #192421 : -50
19 : #192421 : -48
21 : #182521 : -46
23 : #182621 : -44
25 : #172622 : -42
27 : #162722 : -40
29 : #162722 : -38
31 : #152822 : -36
33 : #152923 : -34
35 : #142923 : -32
37 : #132a23 : -30
39 : #132b23 : -28
41 : #122b24 : -26
43 : #112c24 : -24
45 : #112c24 : -22
47 : #102d24 : -20
49 : #102e25 : -18
51 : #0f2e25 : -16
53 : #0e2f25 : -14
55 : #0e2f25 : -12
57 : #0d3026 : -10
59 : #0d3126 : -8
61 : #0c3126 : -6
63 : #0b3226 : -4
65 : #0b3227 : -2
67 : #0a3327 : ±0
69 : #093427 : +2
71 : #093427 : +4
73 : #083528 : +6
75 : #083628 : +8
77 : #073628 : +10
79 : #063728 : +12
81 : #063729 : +14
83 : #053829 : +16
85 : #053929 : +18
87 : #043929 : +20
89 : #033a29 : +22
91 : #033a2a : +24
93 : #023b2a : +26
95 : #023c2a : +28
97 : #013c2a : +30
99 : #003d2b : +32
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #020906 : -10
4 : #03110d : -8
6 : #051a13 : -6
8 : #07221a : -4
10 : #082b20 : -2
12 : #0a3327 : ±0
14 : #0c3c2d : +2
16 : #0d4434 : +4
18 : #0f4d3a : +6
20 : #115541 : +8
22 : #135e47 : +10
24 : #14664e : +12
26 : #166f54 : +14
28 : #18775b : +16
30 : #198061 : +18
32 : #1b8867 : +20
34 : #1d916e : +22
36 : #1e9974 : +24
38 : #20a27b : +26
40 : #22aa81 : +28
42 : #23b388 : +30
44 : #25bb8e : +32
46 : #27c495 : +34
48 : #28cc9b : +36
50 : #2ad5a2 : +38
52 : #33d7a5 : +40
54 : #3bd8a9 : +42
56 : #44daad : +44
58 : #4cdcb1 : +46
60 : #55ddb4 : +48
62 : #5ddfb8 : +50
64 : #66e1bc : +52
66 : #6ee2c0 : +54
68 : #77e4c3 : +56
70 : #7fe6c7 : +58
72 : #88e7cb : +60
74 : #90e9ce : +62
76 : #99ebd2 : +64
78 : #a1ecd6 : +66
80 : #aaeeda : +68
82 : #b2f0dd : +70
84 : #bbf2e1 : +72
86 : #c3f3e5 : +74
88 : #ccf5e9 : +76
90 : #d4f7ec : +78
92 : #ddf8f0 : +80
94 : #e5faf4 : +82
96 : #eefcf8 : +84
98 : #f6fdfb : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow