#672842
RGB ( 赤 = 103, 緑 = 40, 青 = 66 )
HSL ( 色相 = 335°, 彩度 = 44%, 明度 = 28% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #672d28 : -330
15 : #673828 : -320
25 : #674228 : -310
35 : #674d28 : -300
45 : #675728 : -290
55 : #676228 : -280
65 : #626728 : -270
75 : #576728 : -260
85 : #4d6728 : -250
95 : #426728 : -240
105 : #386728 : -230
115 : #2d6728 : -220
125 : #28672d : -210
135 : #286738 : -200
145 : #286742 : -190
155 : #28674d : -180
165 : #286757 : -170
175 : #286762 : -160
185 : #286267 : -150
195 : #285767 : -140
205 : #284d67 : -130
215 : #284267 : -120
225 : #283867 : -110
235 : #282d67 : -100
245 : #2d2867 : -90
255 : #382867 : -80
265 : #422867 : -70
275 : #4d2867 : -60
285 : #572867 : -50
295 : #622867 : -40
305 : #672862 : -30
315 : #672857 : -20
325 : #67284d : -10
335 : #672842 : ±0
345 : #672838 : +10
355 : #67282d : +20
325 : #67284d : -10
326 : #67284c : -9
327 : #67284b : -8
328 : #672849 : -7
329 : #672848 : -6
330 : #672847 : -5
331 : #672846 : -4
332 : #672845 : -3
333 : #672844 : -2
334 : #672843 : -1
335 : #672842 : ±0
336 : #672841 : +1
337 : #672840 : +2
338 : #67283f : +3
339 : #67283e : +4
340 : #67283d : +5
341 : #67283c : +6
342 : #67283b : +7
343 : #67283a : +8
344 : #672839 : +9
345 : #672838 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -44
2 : #494647 : -42
4 : #4a4547 : -40
6 : #4c4347 : -38
8 : #4d4246 : -36
10 : #4f4046 : -34
12 : #503f46 : -32
14 : #513d46 : -30
16 : #533c45 : -28
18 : #543b45 : -26
20 : #563945 : -24
22 : #573845 : -22
24 : #593645 : -20
26 : #5a3544 : -18
28 : #5b3344 : -16
30 : #5d3244 : -14
32 : #5e3144 : -12
34 : #602f43 : -10
36 : #612e43 : -8
38 : #632c43 : -6
40 : #642b43 : -4
42 : #652942 : -2
44 : #672842 : ±0
46 : #682742 : +2
48 : #6a2542 : +4
50 : #6b2441 : +6
52 : #6d2241 : +8
54 : #6e2141 : +10
56 : #6f1f41 : +12
58 : #711e40 : +14
60 : #721d40 : +16
62 : #741b40 : +18
64 : #751a40 : +20
66 : #771840 : +22
68 : #78173f : +24
70 : #79153f : +26
72 : #7b143f : +28
74 : #7c133f : +30
76 : #7e113e : +32
78 : #7f103e : +34
80 : #810e3e : +36
82 : #820d3e : +38
84 : #830b3d : +40
86 : #850a3d : +42
88 : #86093d : +44
90 : #88073d : +46
92 : #89063c : +48
94 : #8b043c : +50
96 : #8c033c : +52
98 : #8d013c : +54
100 : #8f003c : +56
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070305 : -26
4 : #0f0609 : -24
6 : #16090e : -22
8 : #1d0b13 : -20
10 : #250e18 : -18
12 : #2c111c : -16
14 : #331421 : -14
16 : #3b1726 : -12
18 : #421a2b : -10
20 : #491d2f : -8
22 : #511f34 : -6
24 : #582239 : -4
26 : #5f253d : -2
28 : #672842 : ±0
30 : #6e2b47 : +2
32 : #762e4c : +4
34 : #7d3150 : +6
36 : #843355 : +8
38 : #8c365a : +10
40 : #93395f : +12
42 : #9a3c63 : +14
44 : #a23f68 : +16
46 : #a9426d : +18
48 : #b04571 : +20
50 : #b84776 : +22
52 : #ba4f7c : +24
54 : #bd5681 : +26
56 : #c05d87 : +28
58 : #c3658c : +30
60 : #c66c92 : +32
62 : #c97397 : +34
64 : #cc7b9c : +36
66 : #ce82a2 : +38
68 : #d189a7 : +40
70 : #d491ad : +42
72 : #d798b2 : +44
74 : #daa0b8 : +46
76 : #dda7bd : +48
78 : #e0aec3 : +50
80 : #e2b6c8 : +52
82 : #e5bdce : +54
84 : #e8c4d3 : +56
86 : #ebccd9 : +58
88 : #eed3de : +60
90 : #f1dae4 : +62
92 : #f4e2e9 : +64
94 : #f6e9ef : +66
96 : #f9f0f4 : +68
98 : #fcf8fa : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow