#9a3c09
RGB ( 赤 = 154, 緑 = 60, 青 = 9 )
HSL ( 色相 = 21°, 彩度 = 89%, 明度 = 32% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #9a0b09 : -20
11 : #9a2409 : -10
21 : #9a3c09 : ±0
31 : #9a5409 : +10
41 : #9a6c09 : +20
51 : #9a8409 : +30
61 : #989a09 : +40
71 : #809a09 : +50
81 : #679a09 : +60
91 : #4f9a09 : +70
101 : #379a09 : +80
111 : #1f9a09 : +90
121 : #099a0b : +100
131 : #099a24 : +110
141 : #099a3c : +120
151 : #099a54 : +130
161 : #099a6c : +140
171 : #099a84 : +150
181 : #09989a : +160
191 : #09809a : +170
201 : #09679a : +180
211 : #094f9a : +190
221 : #09379a : +200
231 : #091f9a : +210
241 : #0b099a : +220
251 : #24099a : +230
261 : #3c099a : +240
271 : #54099a : +250
281 : #6c099a : +260
291 : #84099a : +270
301 : #9a0998 : +280
311 : #9a0980 : +290
321 : #9a0967 : +300
331 : #9a094f : +310
341 : #9a0937 : +320
351 : #9a091f : +330
11 : #9a2409 : -10
12 : #9a2609 : -9
13 : #9a2809 : -8
14 : #9a2b09 : -7
15 : #9a2d09 : -6
16 : #9a3009 : -5
17 : #9a3209 : -4
18 : #9a3509 : -3
19 : #9a3709 : -2
20 : #9a3909 : -1
21 : #9a3c09 : ±0
22 : #9a3e09 : +1
23 : #9a4109 : +2
24 : #9a4309 : +3
25 : #9a4509 : +4
26 : #9a4809 : +5
27 : #9a4a09 : +6
28 : #9a4d09 : +7
29 : #9a4f09 : +8
30 : #9a5209 : +9
31 : #9a5409 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525151 : -88
3 : #54514f : -86
5 : #56504e : -84
7 : #57504c : -82
9 : #594f4a : -80
11 : #5b4f49 : -78
13 : #5c4e47 : -76
15 : #5e4e45 : -74
17 : #5f4d44 : -72
19 : #614d42 : -70
21 : #634c40 : -68
23 : #644c3f : -66
25 : #664b3d : -64
27 : #684b3c : -62
29 : #694b3a : -60
31 : #6b4a38 : -58
33 : #6d4a37 : -56
35 : #6e4935 : -54
37 : #704933 : -52
39 : #714832 : -50
41 : #734830 : -48
43 : #75472f : -46
45 : #76472d : -44
47 : #78462b : -42
49 : #7a462a : -40
51 : #7b4528 : -38
53 : #7d4526 : -36
55 : #7e4425 : -34
57 : #804423 : -32
59 : #824321 : -30
61 : #834320 : -28
63 : #85421e : -26
65 : #87421d : -24
67 : #88411b : -22
69 : #8a4119 : -20
71 : #8c4018 : -18
73 : #8d4016 : -16
75 : #8f3f14 : -14
77 : #903f13 : -12
79 : #923e11 : -10
81 : #943e10 : -8
83 : #953d0e : -6
85 : #973d0c : -4
87 : #993c0b : -2
89 : #9a3c09 : ±0
91 : #9c3b07 : +2
93 : #9d3b06 : +4
95 : #9f3a04 : +6
97 : #a13a02 : +8
99 : #a23901 : +10
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #0a0401 : -30
4 : #130701 : -28
6 : #1d0b02 : -26
8 : #270f02 : -24
10 : #301303 : -22
12 : #3a1603 : -20
14 : #431a04 : -18
16 : #4d1e04 : -16
18 : #572205 : -14
20 : #602506 : -12
22 : #6a2906 : -10
24 : #742d07 : -8
26 : #7d3107 : -6
28 : #873408 : -4
30 : #913808 : -2
32 : #9a3c09 : ±0
34 : #a4400a : +2
36 : #ae430a : +4
38 : #b7470b : +6
40 : #c14b0b : +8
42 : #ca4f0c : +10
44 : #d4520c : +12
46 : #de560d : +14
48 : #e75a0d : +16
50 : #f15d0e : +18
52 : #f26418 : +20
54 : #f26a21 : +22
56 : #f3712b : +24
58 : #f37735 : +26
60 : #f47e3e : +28
62 : #f48448 : +30
64 : #f58b51 : +32
66 : #f5915b : +34
68 : #f69865 : +36
70 : #f79e6e : +38
72 : #f7a578 : +40
74 : #f8ab82 : +42
76 : #f8b18b : +44
78 : #f9b895 : +46
80 : #f9be9f : +48
82 : #fac5a8 : +50
84 : #fbcbb2 : +52
86 : #fbd2bc : +54
88 : #fcd8c5 : +56
90 : #fcdfcf : +58
92 : #fde5d8 : +60
94 : #fdece2 : +62
96 : #fef2ec : +64
98 : #fef9f5 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow