#c790fe
RGB
赤 | 199 |
---|---|
緑 | 144 |
青 | 254 |
HSL
色相 | 270° |
---|---|
彩度 | 98% |
明度 | 78% |
輝度 | 68% |
3桁の色
補色
反転色
RGB ( 赤 = 199, 緑 = 144, 青 = 254 )
HSL ( 色相 = 270°, 彩度 = 98%, 明度 = 78% )
H : 色相 ( 270° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #fe9090 : -270
10 : #fea290 : -260
20 : #feb590 : -250
30 : #fec790 : -240
40 : #fed990 : -230
50 : #feec90 : -220
60 : #fefe90 : -210
70 : #ecfe90 : -200
80 : #d9fe90 : -190
90 : #c7fe90 : -180
100 : #b5fe90 : -170
110 : #a2fe90 : -160
120 : #90fe90 : -150
130 : #90fea2 : -140
140 : #90feb5 : -130
150 : #90fec7 : -120
160 : #90fed9 : -110
170 : #90feec : -100
180 : #90fefe : -90
190 : #90ecfe : -80
200 : #90d9fe : -70
210 : #90c7fe : -60
220 : #90b5fe : -50
230 : #90a2fe : -40
240 : #9090fe : -30
250 : #a290fe : -20
260 : #b590fe : -10
270 : #c790fe : ±0
280 : #d990fe : +10
290 : #ec90fe : +20
300 : #fe90fe : +30
310 : #fe90ec : +40
320 : #fe90d9 : +50
330 : #fe90c7 : +60
340 : #fe90b5 : +70
350 : #fe90a2 : +80
260 : #b590fe : -10
261 : #b690fe : -9
262 : #b890fe : -8
263 : #ba90fe : -7
264 : #bc90fe : -6
265 : #be90fe : -5
266 : #c090fe : -4
267 : #c190fe : -3
268 : #c390fe : -2
269 : #c590fe : -1
270 : #c790fe : ±0
271 : #c990fe : +1
272 : #cb90fe : +2
273 : #cc90fe : +3
274 : #ce90fe : +4
275 : #d090fe : +5
276 : #d290fe : +6
277 : #d490fe : +7
278 : #d690fe : +8
279 : #d790fe : +9
280 : #d990fe : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #c6c6c6 : -98
2 : #c7c6c8 : -96
4 : #c7c5c9 : -94
6 : #c7c4ca : -92
8 : #c7c2cb : -90
10 : #c7c1cd : -88
12 : #c7c0ce : -86
14 : #c7bfcf : -84
16 : #c7bed0 : -82
18 : #c7bdd1 : -80
20 : #c7bcd2 : -78
22 : #c7bbd3 : -76
24 : #c7b9d4 : -74
26 : #c7b8d5 : -72
28 : #c7b7d7 : -70
30 : #c7b6d8 : -68
32 : #c7b5d9 : -66
34 : #c7b4da : -64
36 : #c7b3db : -62
38 : #c7b2dc : -60
40 : #c7b0dd : -58
42 : #c7afde : -56
44 : #c7aee0 : -54
46 : #c7ade1 : -52
48 : #c7ace2 : -50
50 : #c7abe3 : -48
52 : #c7aae4 : -46
54 : #c7a9e5 : -44
56 : #c7a7e6 : -42
58 : #c7a6e7 : -40
60 : #c7a5e9 : -38
62 : #c7a4ea : -36
64 : #c7a3eb : -34
66 : #c7a2ec : -32
68 : #c7a1ed : -30
70 : #c7a0ee : -28
72 : #c79fef : -26
74 : #c79df0 : -24
76 : #c79cf2 : -22
78 : #c79bf3 : -20
80 : #c79af4 : -18
82 : #c799f5 : -16
84 : #c798f6 : -14
86 : #c797f7 : -12
88 : #c796f8 : -10
90 : #c794f9 : -8
92 : #c793fb : -6
94 : #c792fc : -4
96 : #c791fd : -2
98 : #c790fe : ±0
100 : #c78fff : +2
L : 明度 ( 78% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -78
2 : #05000a : -76
4 : #0a0014 : -74
6 : #0f001e : -72
8 : #140028 : -70
10 : #1a0132 : -68
12 : #1f013d : -66
14 : #240147 : -64
16 : #290151 : -62
18 : #2e015b : -60
20 : #330165 : -58
22 : #38016f : -56
24 : #3d0179 : -54
26 : #420183 : -52
28 : #47018d : -50
30 : #4d0297 : -48
32 : #5202a2 : -46
34 : #5702ac : -44
36 : #5c02b6 : -42
38 : #6102c0 : -40
40 : #6602ca : -38
42 : #6b02d4 : -36
44 : #7002de : -34
46 : #7502e8 : -32
48 : #7a02f2 : -30
50 : #8003fc : -28
52 : #850dfd : -26
54 : #8a17fd : -24
56 : #8f21fd : -22
58 : #942bfd : -20
60 : #9935fd : -18
62 : #9e3ffd : -16
64 : #a349fd : -14
66 : #a853fd : -12
68 : #ad5dfd : -10
70 : #b368fd : -8
72 : #b872fe : -6
74 : #bd7cfe : -4
76 : #c286fe : -2
78 : #c790fe : ±0
80 : #cc9afe : +2
82 : #d1a4fe : +4
84 : #d6aefe : +6
86 : #dbb8fe : +8
88 : #e0c2fe : +10
90 : #e6cdfe : +12
92 : #ebd7ff : +14
94 : #f0e1ff : +16
96 : #f5ebff : +18
98 : #faf5ff : +20
100 : #ffffff : +22
CSS入門、作ってます。
text-shadow