#283a22
RGB ( 赤 = 40, 緑 = 58, 青 = 34 )
HSL ( 色相 = 105°, 彩度 = 26%, 明度 = 18% )
H : 色相 ( 105° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #3a2422 : -100
15 : #3a2822 : -90
25 : #3a2c22 : -80
35 : #3a3022 : -70
45 : #3a3422 : -60
55 : #3a3822 : -50
65 : #383a22 : -40
75 : #343a22 : -30
85 : #303a22 : -20
95 : #2c3a22 : -10
105 : #283a22 : ±0
115 : #243a22 : +10
125 : #223a24 : +20
135 : #223a28 : +30
145 : #223a2c : +40
155 : #223a30 : +50
165 : #223a34 : +60
175 : #223a38 : +70
185 : #22383a : +80
195 : #22343a : +90
205 : #22303a : +100
215 : #222c3a : +110
225 : #22283a : +120
235 : #22243a : +130
245 : #24223a : +140
255 : #28223a : +150
265 : #2c223a : +160
275 : #30223a : +170
285 : #34223a : +180
295 : #38223a : +190
305 : #3a2238 : +200
315 : #3a2234 : +210
325 : #3a2230 : +220
335 : #3a222c : +230
345 : #3a2228 : +240
355 : #3a2224 : +250
95 : #2c3a22 : -10
96 : #2c3a22 : -9
97 : #2b3a22 : -8
98 : #2b3a22 : -7
99 : #2a3a22 : -6
100 : #2a3a22 : -5
101 : #2a3a22 : -4
102 : #293a22 : -3
103 : #293a22 : -2
104 : #283a22 : -1
105 : #283a22 : ±0
106 : #283a22 : +1
107 : #273a22 : +2
108 : #273a22 : +3
109 : #263a22 : +4
110 : #263a22 : +5
111 : #263a22 : +6
112 : #253a22 : +7
113 : #253a22 : +8
114 : #243a22 : +9
115 : #243a22 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -26
2 : #2d2f2d : -24
4 : #2d302c : -22
6 : #2d312b : -20
8 : #2c322a : -18
10 : #2c3229 : -16
12 : #2b3328 : -14
14 : #2b3427 : -12
16 : #2a3527 : -10
18 : #2a3626 : -8
20 : #293725 : -6
22 : #293824 : -4
24 : #283923 : -2
26 : #283a22 : ±0
28 : #273b21 : +2
30 : #273c20 : +4
32 : #273d1f : +6
34 : #263e1e : +8
36 : #263e1d : +10
38 : #253f1c : +12
40 : #25401c : +14
42 : #24411b : +16
44 : #24421a : +18
46 : #234319 : +20
48 : #234418 : +22
50 : #224517 : +24
52 : #224616 : +26
54 : #224715 : +28
56 : #214814 : +30
58 : #214913 : +32
60 : #204912 : +34
62 : #204a11 : +36
64 : #1f4b11 : +38
66 : #1f4c10 : +40
68 : #1e4d0f : +42
70 : #1e4e0e : +44
72 : #1d4f0d : +46
74 : #1d500c : +48
76 : #1c510b : +50
78 : #1c520a : +52
80 : #1c5309 : +54
82 : #1b5408 : +56
84 : #1b5407 : +58
86 : #1a5506 : +60
88 : #1a5606 : +62
90 : #195705 : +64
92 : #195804 : +66
94 : #185903 : +68
96 : #185a02 : +70
98 : #175b01 : +72
100 : #175c00 : +74
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #040604 : -16
4 : #090d08 : -14
6 : #0d130b : -12
8 : #121a0f : -10
10 : #162013 : -8
12 : #1b2717 : -6
14 : #1f2d1a : -4
16 : #23331e : -2
18 : #283a22 : ±0
20 : #2c4026 : +2
22 : #31472a : +4
24 : #354d2d : +6
26 : #3a5431 : +8
28 : #3e5a35 : +10
30 : #436039 : +12
32 : #47673c : +14
34 : #4b6d40 : +16
36 : #507444 : +18
38 : #547a48 : +20
40 : #59814b : +22
42 : #5d874f : +24
44 : #628d53 : +26
46 : #669457 : +28
48 : #6a9a5b : +30
50 : #6fa15e : +32
52 : #75a465 : +34
54 : #7aa86b : +36
56 : #80ac72 : +38
58 : #86b078 : +40
60 : #8cb47e : +42
62 : #92b785 : +44
64 : #97bb8b : +46
66 : #9dbf92 : +48
68 : #a3c398 : +50
70 : #a9c69f : +52
72 : #aecaa5 : +54
74 : #b4ceab : +56
76 : #bad2b2 : +58
78 : #c0d5b8 : +60
80 : #c5d9bf : +62
82 : #cbddc5 : +64
84 : #d1e1cc : +66
86 : #d7e5d2 : +68
88 : #dce8d8 : +70
90 : #e2ecdf : +72
92 : #e8f0e5 : +74
94 : #eef4ec : +76
96 : #f3f7f2 : +78
98 : #f9fbf9 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow