#3c321a
RGB ( 赤 = 60, 緑 = 50, 青 = 26 )
HSL ( 色相 = 42°, 彩度 = 40%, 明度 = 17% )
H : 色相 ( 42° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #3d1b1a : -40
12 : #3d211a : -30
22 : #3d271a : -20
32 : #3d2d1a : -10
42 : #3d321a : ±0
52 : #3d381a : +10
62 : #3c3d1a : +20
72 : #363d1a : +30
82 : #303d1a : +40
92 : #2a3d1a : +50
102 : #243d1a : +60
112 : #1f3d1a : +70
122 : #1a3d1b : +80
132 : #1a3d21 : +90
142 : #1a3d27 : +100
152 : #1a3d2d : +110
162 : #1a3d32 : +120
172 : #1a3d38 : +130
182 : #1a3c3d : +140
192 : #1a363d : +150
202 : #1a303d : +160
212 : #1a2a3d : +170
222 : #1a243d : +180
232 : #1a1f3d : +190
242 : #1b1a3d : +200
252 : #211a3d : +210
262 : #271a3d : +220
272 : #2d1a3d : +230
282 : #321a3d : +240
292 : #381a3d : +250
302 : #3d1a3c : +260
312 : #3d1a36 : +270
322 : #3d1a30 : +280
332 : #3d1a2a : +290
342 : #3d1a24 : +300
352 : #3d1a1f : +310
32 : #3d2d1a : -10
33 : #3d2d1a : -9
34 : #3d2e1a : -8
35 : #3d2e1a : -7
36 : #3d2f1a : -6
37 : #3d2f1a : -5
38 : #3d301a : -4
39 : #3d311a : -3
40 : #3d311a : -2
41 : #3d321a : -1
42 : #3d321a : ±0
43 : #3d331a : +1
44 : #3d331a : +2
45 : #3d341a : +3
46 : #3d351a : +4
47 : #3d351a : +5
48 : #3d361a : +6
49 : #3d361a : +7
50 : #3d371a : +8
51 : #3d371a : +9
52 : #3d381a : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -40
2 : #2c2c2a : -38
4 : #2d2c2a : -36
6 : #2e2c29 : -34
8 : #2f2d28 : -32
10 : #302d27 : -30
12 : #312d26 : -28
14 : #312e25 : -26
16 : #322e24 : -24
18 : #332e24 : -22
20 : #342f23 : -20
22 : #352f22 : -18
24 : #363021 : -16
26 : #373020 : -14
28 : #37301f : -12
30 : #38311e : -10
32 : #39311d : -8
34 : #3a311d : -6
36 : #3b321c : -4
38 : #3c321b : -2
40 : #3d321a : ±0
42 : #3e3319 : +2
44 : #3e3318 : +4
46 : #3f3317 : +6
48 : #403417 : +8
50 : #413416 : +10
52 : #423415 : +12
54 : #433514 : +14
56 : #443513 : +16
58 : #443512 : +18
60 : #453611 : +20
62 : #463610 : +22
64 : #473610 : +24
66 : #48370f : +26
68 : #49370e : +28
70 : #4a370d : +30
72 : #4b380c : +32
74 : #4b380b : +34
76 : #4c390a : +36
78 : #4d390a : +38
80 : #4e3909 : +40
82 : #4f3a08 : +42
84 : #503a07 : +44
86 : #513a06 : +46
88 : #513b05 : +48
90 : #523b04 : +50
92 : #533b03 : +52
94 : #543c03 : +54
96 : #553c02 : +56
98 : #563c01 : +58
100 : #573d00 : +60
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #040302 : -16
3 : #0b0905 : -14
5 : #120f08 : -12
7 : #19150b : -10
9 : #201b0e : -8
11 : #272111 : -6
13 : #2e2614 : -4
15 : #362c17 : -2
17 : #3d321a : ±0
19 : #44381d : +2
21 : #4b3e20 : +4
23 : #524423 : +6
25 : #594a26 : +8
27 : #605029 : +10
29 : #68562c : +12
31 : #6f5c2f : +14
33 : #766232 : +16
35 : #7d6836 : +18
37 : #846d39 : +20
39 : #8b733c : +22
41 : #92793f : +24
43 : #9a7f42 : +26
45 : #a18545 : +28
47 : #a88b48 : +30
49 : #af914b : +32
51 : #b49650 : +34
53 : #b79a57 : +36
55 : #ba9f5e : +38
57 : #bda365 : +40
59 : #c0a76d : +42
61 : #c3ab74 : +44
63 : #c6b07b : +46
65 : #c9b482 : +48
67 : #cdb889 : +50
69 : #d0bd90 : +52
71 : #d3c197 : +54
73 : #d6c59f : +56
75 : #d9c9a6 : +58
77 : #dccead : +60
79 : #dfd2b4 : +62
81 : #e2d6bb : +64
83 : #e5dbc2 : +66
85 : #e8dfc9 : +68
87 : #ebe3d1 : +70
89 : #eee7d8 : +72
91 : #f1ecdf : +74
93 : #f4f0e6 : +76
95 : #f7f4ed : +78
97 : #faf9f4 : +80
99 : #fdfdfb : +82
CSS入門、作ってます。
text-shadow