#3a2a1a
RGB ( 赤 = 58, 緑 = 42, 青 = 26 )
HSL ( 色相 = 30°, 彩度 = 38%, 明度 = 16% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #381919 : -30
10 : #381e19 : -20
20 : #382419 : -10
30 : #382919 : ±0
40 : #382e19 : +10
50 : #383319 : +20
60 : #383819 : +30
70 : #333819 : +40
80 : #2e3819 : +50
90 : #293819 : +60
100 : #243819 : +70
110 : #1e3819 : +80
120 : #193819 : +90
130 : #19381e : +100
140 : #193824 : +110
150 : #193829 : +120
160 : #19382e : +130
170 : #193833 : +140
180 : #193838 : +150
190 : #193338 : +160
200 : #192e38 : +170
210 : #192938 : +180
220 : #192438 : +190
230 : #191e38 : +200
240 : #191938 : +210
250 : #1e1938 : +220
260 : #241938 : +230
270 : #291938 : +240
280 : #2e1938 : +250
290 : #331938 : +260
300 : #381938 : +270
310 : #381933 : +280
320 : #38192e : +290
330 : #381929 : +300
340 : #381924 : +310
350 : #38191e : +320
20 : #382419 : -10
21 : #382419 : -9
22 : #382519 : -8
23 : #382519 : -7
24 : #382619 : -6
25 : #382619 : -5
26 : #382719 : -4
27 : #382719 : -3
28 : #382819 : -2
29 : #382819 : -1
30 : #382919 : ±0
31 : #382919 : +1
32 : #382a19 : +2
33 : #382a19 : +3
34 : #382b19 : +4
35 : #382b19 : +5
36 : #382c19 : +6
37 : #382c19 : +7
38 : #382d19 : +8
39 : #382d19 : +9
40 : #382e19 : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -38
2 : #2a2928 : -36
4 : #2a2927 : -34
6 : #2b2926 : -32
8 : #2c2926 : -30
10 : #2d2925 : -28
12 : #2e2924 : -26
14 : #2f2923 : -24
16 : #2f2922 : -22
18 : #302921 : -20
20 : #312921 : -18
22 : #322920 : -16
24 : #33291f : -14
26 : #33291e : -12
28 : #34291d : -10
30 : #35291d : -8
32 : #36291c : -6
34 : #37291b : -4
36 : #37291a : -2
38 : #382919 : ±0
40 : #392918 : +2
42 : #3a2918 : +4
44 : #3b2917 : +6
46 : #3c2916 : +8
48 : #3c2915 : +10
50 : #3d2914 : +12
52 : #3e2914 : +14
54 : #3f2913 : +16
56 : #402912 : +18
58 : #402911 : +20
60 : #412910 : +22
62 : #422910 : +24
64 : #43290f : +26
66 : #44290e : +28
68 : #45290d : +30
70 : #45290c : +32
72 : #46290b : +34
74 : #47290b : +36
76 : #48290a : +38
78 : #492909 : +40
80 : #492908 : +42
82 : #4a2907 : +44
84 : #4b2907 : +46
86 : #4c2906 : +48
88 : #4d2905 : +50
90 : #4e2904 : +52
92 : #4e2903 : +54
94 : #4f2902 : +56
96 : #502902 : +58
98 : #512901 : +60
100 : #522900 : +62
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #070503 : -14
4 : #0e0a06 : -12
6 : #150f09 : -10
8 : #1c140d : -8
10 : #231a10 : -6
12 : #2a1f13 : -4
14 : #312416 : -2
16 : #382919 : ±0
18 : #3f2e1c : +2
20 : #463320 : +4
22 : #4d3823 : +6
24 : #543d26 : +8
26 : #5b4229 : +10
28 : #63472c : +12
30 : #6a4d2f : +14
32 : #715233 : +16
34 : #785736 : +18
36 : #7f5c39 : +20
38 : #86613c : +22
40 : #8d663f : +24
42 : #946b42 : +26
44 : #9b7046 : +28
46 : #a27549 : +30
48 : #a97a4c : +32
50 : #b0804f : +34
52 : #b38556 : +36
54 : #b68a5d : +38
56 : #b98f64 : +40
58 : #bd946b : +42
60 : #c09972 : +44
62 : #c39e79 : +46
64 : #c6a380 : +48
66 : #c9a887 : +50
68 : #ccad8e : +52
70 : #d0b395 : +54
72 : #d3b89c : +56
74 : #d6bda4 : +58
76 : #d9c2ab : +60
78 : #dcc7b2 : +62
80 : #dfccb9 : +64
82 : #e3d1c0 : +66
84 : #e6d6c7 : +68
86 : #e9dbce : +70
88 : #ece0d5 : +72
90 : #efe6dc : +74
92 : #f2ebe3 : +76
94 : #f6f0ea : +78
96 : #f9f5f1 : +80
98 : #fcfaf8 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow