#89063a
RGB ( 赤 = 137, 緑 = 6, 青 = 58 )
HSL ( 色相 = 336°, 彩度 = 92%, 明度 = 28% )
H : 色相 ( 336° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #891306 : -330
16 : #892906 : -320
26 : #893f06 : -310
36 : #895506 : -300
46 : #896a06 : -290
56 : #898006 : -280
66 : #7c8906 : -270
76 : #668906 : -260
86 : #508906 : -250
96 : #3a8906 : -240
106 : #248906 : -230
116 : #0e8906 : -220
126 : #068913 : -210
136 : #068929 : -200
146 : #06893f : -190
156 : #068955 : -180
166 : #06896a : -170
176 : #068980 : -160
186 : #067c89 : -150
196 : #066689 : -140
206 : #065089 : -130
216 : #063a89 : -120
226 : #062489 : -110
236 : #060e89 : -100
246 : #130689 : -90
256 : #290689 : -80
266 : #3f0689 : -70
276 : #550689 : -60
286 : #6a0689 : -50
296 : #800689 : -40
306 : #89067c : -30
316 : #890666 : -20
326 : #890650 : -10
336 : #89063a : ±0
346 : #890624 : +10
356 : #89060e : +20
326 : #890650 : -10
327 : #89064e : -9
328 : #89064c : -8
329 : #89064a : -7
330 : #890647 : -6
331 : #890645 : -5
332 : #890643 : -4
333 : #890641 : -3
334 : #89063f : -2
335 : #89063c : -1
336 : #89063a : ±0
337 : #890638 : +1
338 : #890636 : +2
339 : #890634 : +3
340 : #890632 : +4
341 : #89062f : +5
342 : #89062d : +6
343 : #89062b : +7
344 : #890629 : +8
345 : #890627 : +9
346 : #890624 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -92
2 : #494647 : -90
4 : #4a4547 : -88
6 : #4c4347 : -86
8 : #4d4246 : -84
10 : #4f4046 : -82
12 : #503f46 : -80
14 : #513d45 : -78
16 : #533c45 : -76
18 : #543b45 : -74
20 : #563945 : -72
22 : #573844 : -70
24 : #593644 : -68
26 : #5a3544 : -66
28 : #5b3343 : -64
30 : #5d3243 : -62
32 : #5e3143 : -60
34 : #602f43 : -58
36 : #612e42 : -56
38 : #632c42 : -54
40 : #642b42 : -52
42 : #652941 : -50
44 : #672841 : -48
46 : #682741 : -46
48 : #6a2541 : -44
50 : #6b2440 : -42
52 : #6d2240 : -40
54 : #6e2140 : -38
56 : #6f1f3f : -36
58 : #711e3f : -34
60 : #721d3f : -32
62 : #741b3f : -30
64 : #751a3e : -28
66 : #77183e : -26
68 : #78173e : -24
70 : #79153d : -22
72 : #7b143d : -20
74 : #7c133d : -18
76 : #7e113d : -16
78 : #7f103c : -14
80 : #810e3c : -12
82 : #820d3c : -10
84 : #830b3b : -8
86 : #850a3b : -6
88 : #86093b : -4
90 : #88073b : -2
92 : #89063a : ±0
94 : #8b043a : +2
96 : #8c033a : +4
98 : #8d0139 : +6
100 : #8f0039 : +8
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #0a0004 : -26
4 : #140108 : -24
6 : #1d010c : -22
8 : #270211 : -20
10 : #310215 : -18
12 : #3b0219 : -16
14 : #45031d : -14
16 : #4e0321 : -12
18 : #580425 : -10
20 : #62042a : -8
22 : #6c042e : -6
24 : #760532 : -4
26 : #7f0536 : -2
28 : #89063a : ±0
30 : #93063e : +2
32 : #9d0743 : +4
34 : #a60747 : +6
36 : #b0074b : +8
38 : #ba084f : +10
40 : #c40853 : +12
42 : #ce0957 : +14
44 : #d7095c : +16
46 : #e10960 : +18
48 : #eb0a64 : +20
50 : #f50a68 : +22
52 : #f5146e : +24
54 : #f61e74 : +26
56 : #f6287a : +28
58 : #f63180 : +30
60 : #f73b86 : +32
62 : #f7458c : +34
64 : #f84f92 : +36
66 : #f85998 : +38
68 : #f8629e : +40
70 : #f96ca4 : +42
72 : #f976aa : +44
74 : #fa80b1 : +46
76 : #fa89b7 : +48
78 : #fb93bd : +50
80 : #fb9dc3 : +52
82 : #fba7c9 : +54
84 : #fcb1cf : +56
86 : #fcbad5 : +58
88 : #fdc4db : +60
90 : #fdcee1 : +62
92 : #fdd8e7 : +64
94 : #fee2ed : +66
96 : #feebf3 : +68
98 : #fff5f9 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow