#e78cee
RGB
赤 | 231 |
---|---|
緑 | 140 |
青 | 238 |
HSL
色相 | 296° |
---|---|
彩度 | 74% |
明度 | 74% |
輝度 | 70% |
3桁の色
補色
反転色
RGB ( 赤 = 231, 緑 = 140, 青 = 238 )
HSL ( 色相 = 296°, 彩度 = 74%, 明度 = 74% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ee958c : -290
16 : #eea68c : -280
26 : #eeb68c : -270
36 : #eec78c : -260
46 : #eed78c : -250
56 : #eee78c : -240
66 : #e4ee8c : -230
76 : #d4ee8c : -220
86 : #c3ee8c : -210
96 : #b3ee8c : -200
106 : #a3ee8c : -190
116 : #92ee8c : -180
126 : #8cee95 : -170
136 : #8ceea6 : -160
146 : #8ceeb6 : -150
156 : #8ceec7 : -140
166 : #8ceed7 : -130
176 : #8ceee7 : -120
186 : #8ce4ee : -110
196 : #8cd4ee : -100
206 : #8cc3ee : -90
216 : #8cb3ee : -80
226 : #8ca3ee : -70
236 : #8c92ee : -60
246 : #958cee : -50
256 : #a68cee : -40
266 : #b68cee : -30
276 : #c78cee : -20
286 : #d78cee : -10
296 : #e78cee : ±0
306 : #ee8ce4 : +10
316 : #ee8cd4 : +20
326 : #ee8cc3 : +30
336 : #ee8cb3 : +40
346 : #ee8ca3 : +50
356 : #ee8c92 : +60
286 : #d78cee : -10
287 : #d98cee : -9
288 : #da8cee : -8
289 : #dc8cee : -7
290 : #dd8cee : -6
291 : #df8cee : -5
292 : #e18cee : -4
293 : #e28cee : -3
294 : #e48cee : -2
295 : #e68cee : -1
296 : #e78cee : ±0
297 : #e98cee : +1
298 : #ea8cee : +2
299 : #ec8cee : +3
300 : #ee8cee : +4
301 : #ee8cec : +5
302 : #ee8cea : +6
303 : #ee8ce9 : +7
304 : #ee8ce7 : +8
305 : #ee8ce6 : +9
306 : #ee8ce4 : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bcbcbc : -74
2 : #bebbbe : -72
4 : #bfbabf : -70
6 : #c0b9c1 : -68
8 : #c1b7c2 : -66
10 : #c2b6c3 : -64
12 : #c4b5c5 : -62
14 : #c5b3c6 : -60
16 : #c6b2c7 : -58
18 : #c7b1c9 : -56
20 : #c8afca : -54
22 : #c9aecb : -52
24 : #caadcd : -50
26 : #ccabce : -48
28 : #cdaacf : -46
30 : #cea9d1 : -44
32 : #cfa7d2 : -42
34 : #d0a6d3 : -40
36 : #d1a5d5 : -38
38 : #d3a4d6 : -36
40 : #d4a2d7 : -34
42 : #d5a1d9 : -32
44 : #d6a0da : -30
46 : #d79edb : -28
48 : #d89ddd : -26
50 : #d99cde : -24
52 : #db9adf : -22
54 : #dc99e1 : -20
56 : #dd98e2 : -18
58 : #de96e3 : -16
60 : #df95e4 : -14
62 : #e094e6 : -12
64 : #e192e7 : -10
66 : #e391e8 : -8
68 : #e490ea : -6
70 : #e58eeb : -4
72 : #e68dec : -2
74 : #e78cee : ±0
76 : #e88aef : +2
78 : #ea89f0 : +4
80 : #eb88f2 : +6
82 : #ec86f3 : +8
84 : #ed85f4 : +10
86 : #ee84f6 : +12
88 : #ef82f7 : +14
90 : #f081f8 : +16
92 : #f280fa : +18
94 : #f37efb : +20
96 : #f47dfc : +22
98 : #f57cfe : +24
100 : #f67aff : +26
L : 明度 ( 74% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -74
2 : #080109 : -72
4 : #110312 : -70
6 : #19041b : -68
8 : #210523 : -66
10 : #2a072c : -64
12 : #320835 : -62
14 : #3b093e : -60
16 : #430b47 : -58
18 : #4b0c50 : -56
20 : #540d59 : -54
22 : #5c0f62 : -52
24 : #64106a : -50
26 : #6d1173 : -48
28 : #75137c : -46
30 : #7e1485 : -44
32 : #86158e : -42
34 : #8e1797 : -40
36 : #9718a0 : -38
38 : #9f19a9 : -36
40 : #a71bb1 : -34
42 : #b01cba : -32
44 : #b81dc3 : -30
46 : #c11ecc : -28
48 : #c920d5 : -26
50 : #d121de : -24
52 : #d32adf : -22
54 : #d533e1 : -20
56 : #d73ce2 : -18
58 : #d945e3 : -16
60 : #da4ee4 : -14
62 : #dc56e6 : -12
64 : #de5fe7 : -10
66 : #e068e8 : -8
68 : #e271ea : -6
70 : #e47aeb : -4
72 : #e583ec : -2
74 : #e78cee : ±0
76 : #e995ef : +2
78 : #eb9df0 : +4
80 : #eda6f2 : +6
82 : #efaff3 : +8
84 : #f0b8f4 : +10
86 : #f2c1f6 : +12
88 : #f4caf7 : +14
90 : #f6d3f8 : +16
92 : #f8dcfa : +18
94 : #fae4fb : +20
96 : #fbedfc : +22
98 : #fdf6fe : +24
100 : #ffffff : +26
CSS入門、作ってます。
text-shadow