#dc9cf0
RGB
赤 | 220 |
---|---|
緑 | 156 |
青 | 240 |
HSL
色相 | 286° |
---|---|
彩度 | 74% |
明度 | 78% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 220, 緑 = 156, 青 = 240 )
HSL ( 色相 = 286°, 彩度 = 74%, 明度 = 78% )
H : 色相 ( 286° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #f0a69d : -280
16 : #f0b49d : -270
26 : #f0c19d : -260
36 : #f0cf9d : -250
46 : #f0dd9d : -240
56 : #f0eb9d : -230
66 : #e8f09d : -220
76 : #daf09d : -210
86 : #ccf09d : -200
96 : #bff09d : -190
106 : #b1f09d : -180
116 : #a3f09d : -170
126 : #9df0a6 : -160
136 : #9df0b4 : -150
146 : #9df0c1 : -140
156 : #9df0cf : -130
166 : #9df0dd : -120
176 : #9df0eb : -110
186 : #9de8f0 : -100
196 : #9ddaf0 : -90
206 : #9dccf0 : -80
216 : #9dbff0 : -70
226 : #9db1f0 : -60
236 : #9da3f0 : -50
246 : #a69df0 : -40
256 : #b49df0 : -30
266 : #c19df0 : -20
276 : #cf9df0 : -10
286 : #dd9df0 : ±0
296 : #eb9df0 : +10
306 : #f09de8 : +20
316 : #f09dda : +30
326 : #f09dcc : +40
336 : #f09dbf : +50
346 : #f09db1 : +60
356 : #f09da3 : +70
276 : #cf9df0 : -10
277 : #d19df0 : -9
278 : #d29df0 : -8
279 : #d39df0 : -7
280 : #d59df0 : -6
281 : #d69df0 : -5
282 : #d89df0 : -4
283 : #d99df0 : -3
284 : #da9df0 : -2
285 : #dc9df0 : -1
286 : #dd9df0 : ±0
287 : #de9df0 : +1
288 : #e09df0 : +2
289 : #e19df0 : +3
290 : #e39df0 : +4
291 : #e49df0 : +5
292 : #e59df0 : +6
293 : #e79df0 : +7
294 : #e89df0 : +8
295 : #e99df0 : +9
296 : #eb9df0 : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #c6c6c6 : -74
2 : #c7c6c8 : -72
4 : #c8c5c9 : -70
6 : #c9c4ca : -68
8 : #c9c2cb : -66
10 : #cac1cd : -64
12 : #cac0ce : -62
14 : #cbbfcf : -60
16 : #ccbed0 : -58
18 : #ccbdd1 : -56
20 : #cdbcd2 : -54
22 : #cdbbd3 : -52
24 : #ceb9d4 : -50
26 : #cfb8d5 : -48
28 : #cfb7d7 : -46
30 : #d0b6d8 : -44
32 : #d0b5d9 : -42
34 : #d1b4da : -40
36 : #d2b3db : -38
38 : #d2b2dc : -36
40 : #d3b0dd : -34
42 : #d3afde : -32
44 : #d4aee0 : -30
46 : #d5ade1 : -28
48 : #d5ace2 : -26
50 : #d6abe3 : -24
52 : #d6aae4 : -22
54 : #d7a9e5 : -20
56 : #d8a7e6 : -18
58 : #d8a6e7 : -16
60 : #d9a5e9 : -14
62 : #d9a4ea : -12
64 : #daa3eb : -10
66 : #dba2ec : -8
68 : #dba1ed : -6
70 : #dca0ee : -4
72 : #dc9fef : -2
74 : #dd9df0 : ±0
76 : #de9cf2 : +2
78 : #de9bf3 : +4
80 : #df9af4 : +6
82 : #df99f5 : +8
84 : #e098f6 : +10
86 : #e197f7 : +12
88 : #e196f8 : +14
90 : #e294f9 : +16
92 : #e293fb : +18
94 : #e392fc : +20
96 : #e491fd : +22
98 : #e490fe : +24
100 : #e58fff : +26
L : 明度 ( 78% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -78
2 : #070109 : -76
4 : #0e0312 : -74
6 : #15041b : -72
8 : #1c0523 : -70
10 : #24072c : -68
12 : #2b0835 : -66
14 : #32093e : -64
16 : #390b47 : -62
18 : #400c50 : -60
20 : #470d59 : -58
22 : #4e0f62 : -56
24 : #55106a : -54
26 : #5c1173 : -52
28 : #64137c : -50
30 : #6b1485 : -48
32 : #72158e : -46
34 : #791797 : -44
36 : #8018a0 : -42
38 : #8719a9 : -40
40 : #8e1bb1 : -38
42 : #951cba : -36
44 : #9c1dc3 : -34
46 : #a41ecc : -32
48 : #ab20d5 : -30
50 : #b221de : -28
52 : #b52adf : -26
54 : #b833e1 : -24
56 : #bb3ce2 : -22
58 : #be45e3 : -20
60 : #c14ee4 : -18
62 : #c456e6 : -16
64 : #c75fe7 : -14
66 : #cb68e8 : -12
68 : #ce71ea : -10
70 : #d17aeb : -8
72 : #d483ec : -6
74 : #d78cee : -4
76 : #da95ef : -2
78 : #dd9df0 : ±0
80 : #e0a6f2 : +2
82 : #e3aff3 : +4
84 : #e6b8f4 : +6
86 : #e9c1f6 : +8
88 : #eccaf7 : +10
90 : #f0d3f8 : +12
92 : #f3dcfa : +14
94 : #f6e4fb : +16
96 : #f9edfc : +18
98 : #fcf6fe : +20
100 : #ffffff : +22
CSS入門、作ってます。
text-shadow