#870356
RGB ( 赤 = 135, 緑 = 3, 青 = 86 )
HSL ( 色相 = 322°, 彩度 = 96%, 明度 = 27% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #870703 : -320
12 : #871d03 : -310
22 : #873303 : -300
32 : #874903 : -290
42 : #875f03 : -280
52 : #877503 : -270
62 : #838703 : -260
72 : #6d8703 : -250
82 : #568703 : -240
92 : #408703 : -230
102 : #2a8703 : -220
112 : #148703 : -210
122 : #038707 : -200
132 : #03871d : -190
142 : #038733 : -180
152 : #038749 : -170
162 : #03875f : -160
172 : #038775 : -150
182 : #038387 : -140
192 : #036d87 : -130
202 : #035687 : -120
212 : #034087 : -110
222 : #032a87 : -100
232 : #031487 : -90
242 : #070387 : -80
252 : #1d0387 : -70
262 : #330387 : -60
272 : #490387 : -50
282 : #5f0387 : -40
292 : #750387 : -30
302 : #870383 : -20
312 : #87036d : -10
322 : #870356 : ±0
332 : #870340 : +10
342 : #87032a : +20
352 : #870314 : +30
312 : #87036d : -10
313 : #87036a : -9
314 : #870368 : -8
315 : #870366 : -7
316 : #870364 : -6
317 : #870361 : -5
318 : #87035f : -4
319 : #87035d : -3
320 : #87035b : -2
321 : #870359 : -1
322 : #870356 : ±0
323 : #870354 : +1
324 : #870352 : +2
325 : #870350 : +3
326 : #87034e : +4
327 : #87034b : +5
328 : #870349 : +6
329 : #870347 : +7
330 : #870345 : +8
331 : #870343 : +9
332 : #870340 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -96
2 : #464345 : -94
4 : #484246 : -92
6 : #494146 : -90
8 : #4a3f46 : -88
10 : #4c3e47 : -86
12 : #4d3d47 : -84
14 : #4e3b47 : -82
16 : #503a48 : -80
18 : #513848 : -78
20 : #533749 : -76
22 : #543649 : -74
24 : #553449 : -72
26 : #57334a : -70
28 : #58324a : -68
30 : #5a304a : -66
32 : #5b2f4b : -64
34 : #5c2d4b : -62
36 : #5e2c4b : -60
38 : #5f2b4c : -58
40 : #60294c : -56
42 : #62284d : -54
44 : #63274d : -52
46 : #65254d : -50
48 : #66244e : -48
50 : #67224e : -46
52 : #69214e : -44
54 : #6a204f : -42
56 : #6b1e4f : -40
58 : #6d1d4f : -38
60 : #6e1c50 : -36
62 : #701a50 : -34
64 : #711951 : -32
66 : #721751 : -30
68 : #741651 : -28
70 : #751552 : -26
72 : #761352 : -24
74 : #781252 : -22
76 : #791153 : -20
78 : #7b0f53 : -18
80 : #7c0e54 : -16
82 : #7d0c54 : -14
84 : #7f0b54 : -12
86 : #800a55 : -10
88 : #810855 : -8
90 : #830755 : -6
92 : #840656 : -4
94 : #860456 : -2
96 : #870356 : ±0
98 : #880157 : +2
100 : #8a0057 : +4
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -26
3 : #0f000a : -24
5 : #190110 : -22
7 : #230116 : -20
9 : #2d011d : -18
11 : #370123 : -16
13 : #41012a : -14
15 : #4b0230 : -12
17 : #550236 : -10
19 : #5f023d : -8
21 : #690243 : -6
23 : #73024a : -4
25 : #7d0350 : -2
27 : #870356 : ±0
29 : #91035d : +2
31 : #9b0363 : +4
33 : #a5036a : +6
35 : #af0470 : +8
37 : #b90477 : +10
39 : #c3047d : +12
41 : #cd0483 : +14
43 : #d7048a : +16
45 : #e10590 : +18
47 : #eb0597 : +20
49 : #f5059d : +22
51 : #fa0aa2 : +24
53 : #fa14a6 : +26
55 : #fa1eaa : +28
57 : #fb28ad : +30
59 : #fb32b1 : +32
61 : #fb3cb5 : +34
63 : #fb46b9 : +36
65 : #fb50bd : +38
67 : #fc5ac0 : +40
69 : #fc64c4 : +42
71 : #fc6ec8 : +44
73 : #fc78cc : +46
75 : #fc82d0 : +48
77 : #fd8cd3 : +50
79 : #fd96d7 : +52
81 : #fda0db : +54
83 : #fdaadf : +56
85 : #fdb4e3 : +58
87 : #febee6 : +60
89 : #fec8ea : +62
91 : #fed2ee : +64
93 : #fedcf2 : +66
95 : #fee6f6 : +68
97 : #fff0f9 : +70
99 : #fffafd : +72
CSS入門、作ってます。
text-shadow