#57fa98
RGB
赤 | 87 |
---|---|
緑 | 250 |
青 | 152 |
HSL
色相 | 144° |
---|---|
彩度 | 94% |
明度 | 66% |
輝度 | 75% |
3桁の色
補色
反転色
RGB ( 赤 = 87, 緑 = 250, 青 = 152 )
HSL ( 色相 = 144°, 彩度 = 94%, 明度 = 66% )
H : 色相 ( 144° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #fa6257 : -140
14 : #fa7d57 : -130
24 : #fa9857 : -120
34 : #fab357 : -110
44 : #face57 : -100
54 : #fae957 : -90
64 : #effa57 : -80
74 : #d4fa57 : -70
84 : #b9fa57 : -60
94 : #9dfa57 : -50
104 : #82fa57 : -40
114 : #67fa57 : -30
124 : #57fa62 : -20
134 : #57fa7d : -10
144 : #57fa98 : ±0
154 : #57fab3 : +10
164 : #57face : +20
174 : #57fae9 : +30
184 : #57effa : +40
194 : #57d4fa : +50
204 : #57b9fa : +60
214 : #579dfa : +70
224 : #5782fa : +80
234 : #5767fa : +90
244 : #6257fa : +100
254 : #7d57fa : +110
264 : #9857fa : +120
274 : #b357fa : +130
284 : #ce57fa : +140
294 : #e957fa : +150
304 : #fa57ef : +160
314 : #fa57d4 : +170
324 : #fa57b9 : +180
334 : #fa579d : +190
344 : #fa5782 : +200
354 : #fa5767 : +210
134 : #57fa7d : -10
135 : #57fa80 : -9
136 : #57fa82 : -8
137 : #57fa85 : -7
138 : #57fa88 : -6
139 : #57fa8a : -5
140 : #57fa8d : -4
141 : #57fa90 : -3
142 : #57fa93 : -2
143 : #57fa95 : -1
144 : #57fa98 : ±0
145 : #57fa9b : +1
146 : #57fa9d : +2
147 : #57faa0 : +3
148 : #57faa3 : +4
149 : #57faa6 : +5
150 : #57faa8 : +6
151 : #57faab : +7
152 : #57faae : +8
153 : #57fab0 : +9
154 : #57fab3 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a8a8a8 : -94
2 : #a7aaa8 : -92
4 : #a5aca8 : -90
6 : #a3aea7 : -88
8 : #a1afa7 : -86
10 : #a0b1a7 : -84
12 : #9eb3a6 : -82
14 : #9cb4a6 : -80
16 : #9ab6a6 : -78
18 : #99b8a5 : -76
20 : #97baa5 : -74
22 : #95bba4 : -72
24 : #93bda4 : -70
26 : #92bfa4 : -68
28 : #90c1a3 : -66
30 : #8ec2a3 : -64
32 : #8dc4a3 : -62
34 : #8bc6a2 : -60
36 : #89c8a2 : -58
38 : #87c9a2 : -56
40 : #86cba1 : -54
42 : #84cda1 : -52
44 : #82cea1 : -50
46 : #80d0a0 : -48
48 : #7fd2a0 : -46
50 : #7dd4a0 : -44
52 : #7bd59f : -42
54 : #79d79f : -40
56 : #78d99f : -38
58 : #76db9e : -36
60 : #74dc9e : -34
62 : #73de9e : -32
64 : #71e09d : -30
66 : #6fe29d : -28
68 : #6de39d : -26
70 : #6ce59c : -24
72 : #6ae79c : -22
74 : #68e89b : -20
76 : #66ea9b : -18
78 : #65ec9b : -16
80 : #63ee9a : -14
82 : #61ef9a : -12
84 : #5ff19a : -10
86 : #5ef399 : -8
88 : #5cf599 : -6
90 : #5af699 : -4
92 : #59f898 : -2
94 : #57fa98 : ±0
96 : #55fc98 : +2
98 : #53fd97 : +4
100 : #52ff97 : +6
L : 明度 ( 66% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -66
2 : #000a04 : -64
4 : #011408 : -62
6 : #011e0c : -60
8 : #012811 : -58
10 : #023115 : -56
12 : #023b19 : -54
14 : #02451d : -52
16 : #024f21 : -50
18 : #035925 : -48
20 : #036329 : -46
22 : #036d2e : -44
24 : #047732 : -42
26 : #048136 : -40
28 : #048b3a : -38
30 : #05943e : -36
32 : #059e42 : -34
34 : #05a846 : -32
36 : #06b24b : -30
38 : #06bc4f : -28
40 : #06c653 : -26
42 : #06d057 : -24
44 : #07da5b : -22
46 : #07e45f : -20
48 : #07ed63 : -18
50 : #08f768 : -16
52 : #12f86e : -14
54 : #1bf874 : -12
56 : #25f87a : -10
58 : #2ff980 : -8
60 : #39f986 : -6
62 : #43f98c : -4
64 : #4df992 : -2
66 : #57fa98 : ±0
68 : #61fa9e : +2
70 : #6bfaa4 : +4
72 : #74fbaa : +6
74 : #7efbb0 : +8
76 : #88fbb6 : +10
78 : #92fcbc : +12
80 : #9cfcc2 : +14
82 : #a6fcc8 : +16
84 : #b0fdcf : +18
86 : #bafdd5 : +20
88 : #c4fddb : +22
90 : #cefde1 : +24
92 : #d7fee7 : +26
94 : #e1feed : +28
96 : #ebfef3 : +30
98 : #f5fff9 : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow