#870354
RGB ( 赤 = 135, 緑 = 3, 青 = 84 )
HSL ( 色相 = 323°, 彩度 = 96%, 明度 = 27% )
H : 色相 ( 323° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #870903 : -320
13 : #871f03 : -310
23 : #873503 : -300
33 : #874b03 : -290
43 : #876103 : -280
53 : #877803 : -270
63 : #808703 : -260
73 : #6a8703 : -250
83 : #548703 : -240
93 : #3e8703 : -230
103 : #288703 : -220
113 : #128703 : -210
123 : #038709 : -200
133 : #03871f : -190
143 : #038735 : -180
153 : #03874b : -170
163 : #038761 : -160
173 : #038778 : -150
183 : #038087 : -140
193 : #036a87 : -130
203 : #035487 : -120
213 : #033e87 : -110
223 : #032887 : -100
233 : #031287 : -90
243 : #090387 : -80
253 : #1f0387 : -70
263 : #350387 : -60
273 : #4b0387 : -50
283 : #610387 : -40
293 : #780387 : -30
303 : #870380 : -20
313 : #87036a : -10
323 : #870354 : ±0
333 : #87033e : +10
343 : #870328 : +20
353 : #870312 : +30
313 : #87036a : -10
314 : #870368 : -9
315 : #870366 : -8
316 : #870364 : -7
317 : #870361 : -6
318 : #87035f : -5
319 : #87035d : -4
320 : #87035b : -3
321 : #870359 : -2
322 : #870356 : -1
323 : #870354 : ±0
324 : #870352 : +1
325 : #870350 : +2
326 : #87034e : +3
327 : #87034b : +4
328 : #870349 : +5
329 : #870347 : +6
330 : #870345 : +7
331 : #870343 : +8
332 : #870340 : +9
333 : #87033e : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -96
2 : #464345 : -94
4 : #484245 : -92
6 : #494146 : -90
8 : #4a3f46 : -88
10 : #4c3e46 : -86
12 : #4d3d47 : -84
14 : #4e3b47 : -82
16 : #503a47 : -80
18 : #513848 : -78
20 : #533748 : -76
22 : #543648 : -74
24 : #553449 : -72
26 : #573349 : -70
28 : #583249 : -68
30 : #5a304a : -66
32 : #5b2f4a : -64
34 : #5c2d4a : -62
36 : #5e2c4b : -60
38 : #5f2b4b : -58
40 : #60294b : -56
42 : #62284c : -54
44 : #63274c : -52
46 : #65254c : -50
48 : #66244d : -48
50 : #67224d : -46
52 : #69214d : -44
54 : #6a204e : -42
56 : #6b1e4e : -40
58 : #6d1d4e : -38
60 : #6e1c4e : -36
62 : #701a4f : -34
64 : #71194f : -32
66 : #72174f : -30
68 : #741650 : -28
70 : #751550 : -26
72 : #761350 : -24
74 : #781251 : -22
76 : #791151 : -20
78 : #7b0f51 : -18
80 : #7c0e52 : -16
82 : #7d0c52 : -14
84 : #7f0b52 : -12
86 : #800a53 : -10
88 : #810853 : -8
90 : #830753 : -6
92 : #840654 : -4
94 : #860454 : -2
96 : #870354 : ±0
98 : #880155 : +2
100 : #8a0055 : +4
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -26
3 : #0f0009 : -24
5 : #190110 : -22
7 : #230116 : -20
9 : #2d011c : -18
11 : #370122 : -16
13 : #410129 : -14
15 : #4b022f : -12
17 : #550235 : -10
19 : #5f023b : -8
21 : #690242 : -6
23 : #730248 : -4
25 : #7d034e : -2
27 : #870354 : ±0
29 : #91035b : +2
31 : #9b0361 : +4
33 : #a50367 : +6
35 : #af046d : +8
37 : #b90473 : +10
39 : #c3047a : +12
41 : #cd0480 : +14
43 : #d70486 : +16
45 : #e1058c : +18
47 : #eb0593 : +20
49 : #f50599 : +22
51 : #fa0a9e : +24
53 : #fa14a2 : +26
55 : #fa1ea6 : +28
57 : #fb28aa : +30
59 : #fb32ae : +32
61 : #fb3cb2 : +34
63 : #fb46b6 : +36
65 : #fb50ba : +38
67 : #fc5abe : +40
69 : #fc64c2 : +42
71 : #fc6ec6 : +44
73 : #fc78ca : +46
75 : #fc82ce : +48
77 : #fd8cd1 : +50
79 : #fd96d5 : +52
81 : #fda0d9 : +54
83 : #fdaadd : +56
85 : #fdb4e1 : +58
87 : #febee5 : +60
89 : #fec8e9 : +62
91 : #fed2ed : +64
93 : #fedcf1 : +66
95 : #fee6f5 : +68
97 : #fff0f9 : +70
99 : #fffafd : +72
CSS入門、作ってます。
text-shadow