#2a3a03
RGB ( 赤 = 42, 緑 = 58, 青 = 3 )
HSL ( 色相 = 77°, 彩度 = 90%, 明度 = 12% )
H : 色相 ( 77° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #3a0903 : -70
17 : #3a1303 : -60
27 : #3a1c03 : -50
37 : #3a2503 : -40
47 : #3a2e03 : -30
57 : #3a3703 : -20
67 : #343a03 : -10
77 : #2b3a03 : ±0
87 : #213a03 : +10
97 : #183a03 : +20
107 : #0f3a03 : +30
117 : #063a03 : +40
127 : #033a09 : +50
137 : #033a13 : +60
147 : #033a1c : +70
157 : #033a25 : +80
167 : #033a2e : +90
177 : #033a37 : +100
187 : #03343a : +110
197 : #032b3a : +120
207 : #03213a : +130
217 : #03183a : +140
227 : #030f3a : +150
237 : #03063a : +160
247 : #09033a : +170
257 : #13033a : +180
267 : #1c033a : +190
277 : #25033a : +200
287 : #2e033a : +210
297 : #37033a : +220
307 : #3a0334 : +230
317 : #3a032b : +240
327 : #3a0321 : +250
337 : #3a0318 : +260
347 : #3a030f : +270
357 : #3a0306 : +280
67 : #343a03 : -10
68 : #333a03 : -9
69 : #323a03 : -8
70 : #313a03 : -7
71 : #303a03 : -6
72 : #2f3a03 : -5
73 : #2e3a03 : -4
74 : #2d3a03 : -3
75 : #2c3a03 : -2
76 : #2b3a03 : -1
77 : #2b3a03 : ±0
78 : #2a3a03 : +1
79 : #293a03 : +2
80 : #283a03 : +3
81 : #273a03 : +4
82 : #263a03 : +5
83 : #253a03 : +6
84 : #243a03 : +7
85 : #233a03 : +8
86 : #223a03 : +9
87 : #213a03 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #1e1e1e : -90
2 : #1f1f1e : -88
4 : #1f201d : -86
6 : #1f201d : -84
8 : #20211c : -82
10 : #20221c : -80
12 : #20221b : -78
14 : #20231a : -76
16 : #21231a : -74
18 : #212419 : -72
20 : #212518 : -70
22 : #222518 : -68
24 : #222617 : -66
26 : #222717 : -64
28 : #222716 : -62
30 : #232815 : -60
32 : #232815 : -58
34 : #232914 : -56
36 : #232a14 : -54
38 : #242a13 : -52
40 : #242b12 : -50
42 : #242b12 : -48
44 : #242c11 : -46
46 : #252d11 : -44
48 : #252d10 : -42
50 : #252e0f : -40
52 : #252f0f : -38
54 : #262f0e : -36
56 : #26300d : -34
58 : #26300d : -32
60 : #27310c : -30
62 : #27320c : -28
64 : #27320b : -26
66 : #27330a : -24
68 : #28330a : -22
70 : #283409 : -20
72 : #283509 : -18
74 : #283508 : -16
76 : #293607 : -14
78 : #293607 : -12
80 : #293706 : -10
82 : #293806 : -8
84 : #2a3805 : -6
86 : #2a3904 : -4
88 : #2a3a04 : -2
90 : #2b3a03 : ±0
92 : #2b3b02 : +2
94 : #2b3b02 : +4
96 : #2b3c01 : +6
98 : #2c3d01 : +8
100 : #2c3d00 : +10
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #070a01 : -10
4 : #0e1301 : -8
6 : #151d02 : -6
8 : #1c2702 : -4
10 : #233003 : -2
12 : #2b3a03 : ±0
14 : #324404 : +2
16 : #394e04 : +4
18 : #405705 : +6
20 : #476105 : +8
22 : #4e6b06 : +10
24 : #557406 : +12
26 : #5c7e07 : +14
28 : #638807 : +16
30 : #6a9108 : +18
32 : #719b08 : +20
34 : #79a509 : +22
36 : #80ae09 : +24
38 : #87b80a : +26
40 : #8ec20a : +28
42 : #95cb0b : +30
44 : #9cd50b : +32
46 : #a3df0c : +34
48 : #aae90c : +36
50 : #b1f20d : +38
52 : #b4f316 : +40
54 : #b7f320 : +42
56 : #bbf42a : +44
58 : #bef434 : +46
60 : #c1f53d : +48
62 : #c4f547 : +50
64 : #c7f651 : +52
66 : #caf65a : +54
68 : #cdf764 : +56
70 : #d0f76e : +58
72 : #d3f877 : +60
74 : #d7f881 : +62
76 : #daf98b : +64
78 : #ddf994 : +66
80 : #e0fa9e : +68
82 : #e3faa8 : +70
84 : #e6fbb1 : +72
86 : #e9fbbb : +74
88 : #ecfcc5 : +76
90 : #effccf : +78
92 : #f3fdd8 : +80
94 : #f6fde2 : +82
96 : #f9feec : +84
98 : #fcfef5 : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow