#90feb8
RGB
赤 | 144 |
---|---|
緑 | 254 |
青 | 184 |
HSL
色相 | 142° |
---|---|
彩度 | 98% |
明度 | 78% |
輝度 | 84% |
3桁の色
補色
反転色
RGB ( 赤 = 144, 緑 = 254, 青 = 184 )
HSL ( 色相 = 142°, 彩度 = 98%, 明度 = 78% )
H : 色相 ( 142° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #fe9490 : -140
12 : #fea690 : -130
22 : #feb890 : -120
32 : #fecb90 : -110
42 : #fedd90 : -100
52 : #feef90 : -90
62 : #fafe90 : -80
72 : #e8fe90 : -70
82 : #d6fe90 : -60
92 : #c3fe90 : -50
102 : #b1fe90 : -40
112 : #9ffe90 : -30
122 : #90fe94 : -20
132 : #90fea6 : -10
142 : #90feb8 : ±0
152 : #90fecb : +10
162 : #90fedd : +20
172 : #90feef : +30
182 : #90fafe : +40
192 : #90e8fe : +50
202 : #90d6fe : +60
212 : #90c3fe : +70
222 : #90b1fe : +80
232 : #909ffe : +90
242 : #9490fe : +100
252 : #a690fe : +110
262 : #b890fe : +120
272 : #cb90fe : +130
282 : #dd90fe : +140
292 : #ef90fe : +150
302 : #fe90fa : +160
312 : #fe90e8 : +170
322 : #fe90d6 : +180
332 : #fe90c3 : +190
342 : #fe90b1 : +200
352 : #fe909f : +210
132 : #90fea6 : -10
133 : #90fea8 : -9
134 : #90feaa : -8
135 : #90feab : -7
136 : #90fead : -6
137 : #90feaf : -5
138 : #90feb1 : -4
139 : #90feb3 : -3
140 : #90feb5 : -2
141 : #90feb6 : -1
142 : #90feb8 : ±0
143 : #90feba : +1
144 : #90febc : +2
145 : #90febe : +3
146 : #90fec0 : +4
147 : #90fec1 : +5
148 : #90fec3 : +6
149 : #90fec5 : +7
150 : #90fec7 : +8
151 : #90fec9 : +9
152 : #90fecb : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #c6c6c6 : -98
2 : #c6c8c7 : -96
4 : #c5c9c6 : -94
6 : #c4cac6 : -92
8 : #c2cbc6 : -90
10 : #c1cdc5 : -88
12 : #c0cec5 : -86
14 : #bfcfc5 : -84
16 : #bed0c5 : -82
18 : #bdd1c4 : -80
20 : #bcd2c4 : -78
22 : #bbd3c4 : -76
24 : #b9d4c3 : -74
26 : #b8d5c3 : -72
28 : #b7d7c3 : -70
30 : #b6d8c2 : -68
32 : #b5d9c2 : -66
34 : #b4dac2 : -64
36 : #b3dbc2 : -62
38 : #b2dcc1 : -60
40 : #b0ddc1 : -58
42 : #afdec1 : -56
44 : #aee0c0 : -54
46 : #ade1c0 : -52
48 : #ace2c0 : -50
50 : #abe3bf : -48
52 : #aae4bf : -46
54 : #a9e5bf : -44
56 : #a7e6bf : -42
58 : #a6e7be : -40
60 : #a5e9be : -38
62 : #a4eabe : -36
64 : #a3ebbd : -34
66 : #a2ecbd : -32
68 : #a1edbd : -30
70 : #a0eebc : -28
72 : #9fefbc : -26
74 : #9df0bc : -24
76 : #9cf2bc : -22
78 : #9bf3bb : -20
80 : #9af4bb : -18
82 : #99f5bb : -16
84 : #98f6ba : -14
86 : #97f7ba : -12
88 : #96f8ba : -10
90 : #94f9b9 : -8
92 : #93fbb9 : -6
94 : #92fcb9 : -4
96 : #91fdb9 : -2
98 : #90feb8 : ±0
100 : #8fffb8 : +2
L : 明度 ( 78% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -78
2 : #000a04 : -76
4 : #001408 : -74
6 : #001e0b : -72
8 : #00280f : -70
10 : #013213 : -68
12 : #013d17 : -66
14 : #01471a : -64
16 : #01511e : -62
18 : #015b22 : -60
20 : #016526 : -58
22 : #016f29 : -56
24 : #01792d : -54
26 : #018331 : -52
28 : #018d35 : -50
30 : #029739 : -48
32 : #02a23c : -46
34 : #02ac40 : -44
36 : #02b644 : -42
38 : #02c048 : -40
40 : #02ca4b : -38
42 : #02d44f : -36
44 : #02de53 : -34
46 : #02e857 : -32
48 : #02f25a : -30
50 : #03fc5e : -28
52 : #0dfd65 : -26
54 : #17fd6b : -24
56 : #21fd71 : -22
58 : #2bfd78 : -20
60 : #35fd7e : -18
62 : #3ffd85 : -16
64 : #49fd8b : -14
66 : #53fd92 : -12
68 : #5dfd98 : -10
70 : #68fd9f : -8
72 : #72fea5 : -6
74 : #7cfeab : -4
76 : #86feb2 : -2
78 : #90feb8 : ±0
80 : #9afebf : +2
82 : #a4fec5 : +4
84 : #aefecc : +6
86 : #b8fed2 : +8
88 : #c2fed8 : +10
90 : #cdfedf : +12
92 : #d7ffe5 : +14
94 : #e1ffec : +16
96 : #ebfff2 : +18
98 : #f5fff9 : +20
100 : #ffffff : +22
CSS入門、作ってます。
text-shadow