#897b01
RGB ( 赤 = 137, 緑 = 123, 青 = 1 )
HSL ( 色相 = 54°, 彩度 = 99%, 明度 = 27% )
H : 色相 ( 54° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #890a01 : -50
14 : #892001 : -40
24 : #893701 : -30
34 : #894e01 : -20
44 : #896501 : -10
54 : #897b01 : ±0
64 : #808901 : +10
74 : #698901 : +20
84 : #528901 : +30
94 : #3c8901 : +40
104 : #258901 : +50
114 : #0e8901 : +60
124 : #01890a : +70
134 : #018920 : +80
144 : #018937 : +90
154 : #01894e : +100
164 : #018965 : +110
174 : #01897b : +120
184 : #018089 : +130
194 : #016989 : +140
204 : #015289 : +150
214 : #013c89 : +160
224 : #012589 : +170
234 : #010e89 : +180
244 : #0a0189 : +190
254 : #200189 : +200
264 : #370189 : +210
274 : #4e0189 : +220
284 : #650189 : +230
294 : #7b0189 : +240
304 : #890180 : +250
314 : #890169 : +260
324 : #890152 : +270
334 : #89013c : +280
344 : #890125 : +290
354 : #89010e : +300
44 : #896501 : -10
45 : #896701 : -9
46 : #896901 : -8
47 : #896b01 : -7
48 : #896e01 : -6
49 : #897001 : -5
50 : #897201 : -4
51 : #897501 : -3
52 : #897701 : -2
53 : #897901 : -1
54 : #897b01 : ±0
55 : #897e01 : +1
56 : #898001 : +2
57 : #898201 : +3
58 : #898401 : +4
59 : #898701 : +5
60 : #898901 : +6
61 : #878901 : +7
62 : #848901 : +8
63 : #828901 : +9
64 : #808901 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464544 : -98
3 : #474743 : -96
5 : #484841 : -94
7 : #4a4940 : -92
9 : #4b4a3f : -90
11 : #4c4b3d : -88
13 : #4e4c3c : -86
15 : #4f4d3b : -84
17 : #514e39 : -82
19 : #524f38 : -80
21 : #535036 : -78
23 : #555235 : -76
25 : #565334 : -74
27 : #575432 : -72
29 : #595531 : -70
31 : #5a5630 : -68
33 : #5c572e : -66
35 : #5d582d : -64
37 : #5e592b : -62
39 : #605a2a : -60
41 : #615b29 : -58
43 : #625d27 : -56
45 : #645e26 : -54
47 : #655f24 : -52
49 : #676023 : -50
51 : #686122 : -48
53 : #696220 : -46
55 : #6b631f : -44
57 : #6c641e : -42
59 : #6d651c : -40
61 : #6f661b : -38
63 : #706819 : -36
65 : #726918 : -34
67 : #736a17 : -32
69 : #746b15 : -30
71 : #766c14 : -28
73 : #776d13 : -26
75 : #786e11 : -24
77 : #7a6f10 : -22
79 : #7b700e : -20
81 : #7d710d : -18
83 : #7e730c : -16
85 : #7f740a : -14
87 : #817509 : -12
89 : #827608 : -10
91 : #847706 : -8
93 : #857805 : -6
95 : #867903 : -4
97 : #887a02 : -2
99 : #897b01 : ±0
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #050500 : -26
3 : #0f0e00 : -24
5 : #191700 : -22
7 : #242000 : -20
9 : #2e2900 : -18
11 : #383200 : -16
13 : #423b00 : -14
15 : #4c4500 : -12
17 : #564e00 : -10
19 : #605700 : -8
21 : #6b6001 : -6
23 : #756901 : -4
25 : #7f7201 : -2
27 : #897b01 : ±0
29 : #938501 : +2
31 : #9d8e01 : +4
33 : #a79701 : +6
35 : #b2a001 : +8
37 : #bca901 : +10
39 : #c6b201 : +12
41 : #d0bb01 : +14
43 : #dac401 : +16
45 : #e4ce01 : +18
47 : #efd701 : +20
49 : #f9e001 : +22
51 : #fee506 : +24
53 : #fee610 : +26
55 : #fee71b : +28
57 : #fee825 : +30
59 : #fee92f : +32
61 : #feea39 : +34
63 : #feeb43 : +36
65 : #feec4d : +38
67 : #feed58 : +40
69 : #feef62 : +42
71 : #fef06c : +44
73 : #fef176 : +46
75 : #fef280 : +48
77 : #fef38a : +50
79 : #fef494 : +52
81 : #fff59f : +54
83 : #fff6a9 : +56
85 : #fff7b3 : +58
87 : #fff8bd : +60
89 : #fff9c7 : +62
91 : #fffad1 : +64
93 : #fffbdb : +66
95 : #fffce6 : +68
97 : #fffdf0 : +70
99 : #fffefa : +72
CSS入門、作ってます。
text-shadow