#85ff8b
RGB
赤 | 133 |
---|---|
緑 | 255 |
青 | 139 |
HSL
色相 | 123° |
---|---|
彩度 | 100% |
明度 | 76% |
輝度 | 81% |
3桁の色
補色
反転色
RGB ( 赤 = 133, 緑 = 255, 青 = 139 )
HSL ( 色相 = 123°, 彩度 = 100%, 明度 = 76% )
H : 色相 ( 123° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ff8b85 : -120
13 : #ff9f85 : -110
23 : #ffb485 : -100
33 : #ffc885 : -90
43 : #ffdc85 : -80
53 : #fff185 : -70
63 : #f9ff85 : -60
73 : #e4ff85 : -50
83 : #d0ff85 : -40
93 : #bcff85 : -30
103 : #a7ff85 : -20
113 : #93ff85 : -10
123 : #85ff8b : ±0
133 : #85ff9f : +10
143 : #85ffb4 : +20
153 : #85ffc8 : +30
163 : #85ffdc : +40
173 : #85fff1 : +50
183 : #85f9ff : +60
193 : #85e4ff : +70
203 : #85d0ff : +80
213 : #85bcff : +90
223 : #85a7ff : +100
233 : #8593ff : +110
243 : #8b85ff : +120
253 : #9f85ff : +130
263 : #b485ff : +140
273 : #c885ff : +150
283 : #dc85ff : +160
293 : #f185ff : +170
303 : #ff85f9 : +180
313 : #ff85e4 : +190
323 : #ff85d0 : +200
333 : #ff85bc : +210
343 : #ff85a7 : +220
353 : #ff8593 : +230
113 : #93ff85 : -10
114 : #91ff85 : -9
115 : #8fff85 : -8
116 : #8dff85 : -7
117 : #8bff85 : -6
118 : #89ff85 : -5
119 : #87ff85 : -4
120 : #85ff85 : -3
121 : #85ff87 : -2
122 : #85ff89 : -1
123 : #85ff8b : ±0
124 : #85ff8d : +1
125 : #85ff8f : +2
126 : #85ff91 : +3
127 : #85ff93 : +4
128 : #85ff95 : +5
129 : #85ff97 : +6
130 : #85ff99 : +7
131 : #85ff9b : +8
132 : #85ff9d : +9
133 : #85ff9f : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #c1c1c1 : -100
2 : #c1c3c1 : -98
4 : #bfc4c0 : -96
6 : #bec5be : -94
8 : #bdc7bd : -92
10 : #bcc8bc : -90
12 : #bac9bb : -88
14 : #b9caba : -86
16 : #b8ccb9 : -84
18 : #b7cdb8 : -82
20 : #b6ceb7 : -80
22 : #b4cfb6 : -78
24 : #b3d0b5 : -76
26 : #b2d2b3 : -74
28 : #b1d3b2 : -72
30 : #afd4b1 : -70
32 : #aed5b0 : -68
34 : #add7af : -66
36 : #acd8ae : -64
38 : #abd9ad : -62
40 : #a9daac : -60
42 : #a8dcab : -58
44 : #a7ddaa : -56
46 : #a6dea8 : -54
48 : #a4dfa7 : -52
50 : #a3e0a6 : -50
52 : #a2e2a5 : -48
54 : #a1e3a4 : -46
56 : #a0e4a3 : -44
58 : #9ee5a2 : -42
60 : #9de7a1 : -40
62 : #9ce8a0 : -38
64 : #9be99f : -36
66 : #99ea9d : -34
68 : #98eb9c : -32
70 : #97ed9b : -30
72 : #96ee9a : -28
74 : #95ef99 : -26
76 : #93f098 : -24
78 : #92f297 : -22
80 : #91f396 : -20
82 : #90f495 : -18
84 : #8ef594 : -16
86 : #8df692 : -14
88 : #8cf891 : -12
90 : #8bf990 : -10
92 : #89fa8f : -8
94 : #88fb8e : -6
96 : #87fd8d : -4
98 : #86fe8c : -2
100 : #85ff8b : ±0
L : 明度 ( 76% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -76
2 : #000a01 : -74
4 : #001401 : -72
6 : #001f02 : -70
8 : #002902 : -68
10 : #003303 : -66
12 : #003d03 : -64
14 : #004704 : -62
16 : #005204 : -60
18 : #005c05 : -58
20 : #006605 : -56
22 : #007006 : -54
24 : #007a06 : -52
26 : #008507 : -50
28 : #008f07 : -48
30 : #009908 : -46
32 : #00a308 : -44
34 : #00ad09 : -42
36 : #00b809 : -40
38 : #00c20a : -38
40 : #00cc0a : -36
42 : #00d60b : -34
44 : #00e00b : -32
46 : #00eb0c : -30
48 : #00f50c : -28
50 : #00ff0d : -26
52 : #0aff16 : -24
54 : #14ff20 : -22
56 : #1fff2a : -20
58 : #29ff34 : -18
60 : #33ff3d : -16
62 : #3dff47 : -14
64 : #47ff51 : -12
66 : #52ff5a : -10
68 : #5cff64 : -8
70 : #66ff6e : -6
72 : #70ff77 : -4
74 : #7aff81 : -2
76 : #85ff8b : ±0
78 : #8fff94 : +2
80 : #99ff9e : +4
82 : #a3ffa8 : +6
84 : #adffb1 : +8
86 : #b8ffbb : +10
88 : #c2ffc5 : +12
90 : #ccffcf : +14
92 : #d6ffd8 : +16
94 : #e0ffe2 : +18
96 : #ebffec : +20
98 : #f5fff5 : +22
100 : #ffffff : +24
CSS入門、作ってます。
text-shadow