#d926af
RGB
赤 | 217 |
---|---|
緑 | 38 |
青 | 175 |
HSL
色相 | 314° |
---|---|
彩度 | 70% |
明度 | 50% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 217, 緑 = 38, 青 = 175 )
HSL ( 色相 = 314°, 彩度 = 70%, 明度 = 50% )
H : 色相 ( 314° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #d93226 : -310
14 : #d95026 : -300
24 : #d96e26 : -290
34 : #d98b26 : -280
44 : #d9a926 : -270
54 : #d9c726 : -260
64 : #cdd926 : -250
74 : #afd926 : -240
84 : #91d926 : -230
94 : #74d926 : -220
104 : #56d926 : -210
114 : #38d926 : -200
124 : #26d932 : -190
134 : #26d950 : -180
144 : #26d96e : -170
154 : #26d98b : -160
164 : #26d9a9 : -150
174 : #26d9c7 : -140
184 : #26cdd9 : -130
194 : #26afd9 : -120
204 : #2691d9 : -110
214 : #2674d9 : -100
224 : #2656d9 : -90
234 : #2638d9 : -80
244 : #3226d9 : -70
254 : #5026d9 : -60
264 : #6e26d9 : -50
274 : #8b26d9 : -40
284 : #a926d9 : -30
294 : #c726d9 : -20
304 : #d926cd : -10
314 : #d926af : ±0
324 : #d92691 : +10
334 : #d92674 : +20
344 : #d92656 : +30
354 : #d92638 : +40
304 : #d926cd : -10
305 : #d926ca : -9
306 : #d926c7 : -8
307 : #d926c4 : -7
308 : #d926c1 : -6
309 : #d926be : -5
310 : #d926bb : -4
311 : #d926b8 : -3
312 : #d926b5 : -2
313 : #d926b2 : -1
314 : #d926af : ±0
315 : #d926ac : +1
316 : #d926a9 : +2
317 : #d926a6 : +3
318 : #d926a3 : +4
319 : #d926a0 : +5
320 : #d9269d : +6
321 : #d9269a : +7
322 : #d92697 : +8
323 : #d92694 : +9
324 : #d92691 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -70
2 : #827d81 : -68
4 : #857a82 : -66
6 : #877884 : -64
8 : #8a7585 : -62
10 : #8c7386 : -60
12 : #8f7088 : -58
14 : #916e89 : -56
16 : #946b8a : -54
18 : #96698c : -52
20 : #99668d : -50
22 : #9c638e : -48
24 : #9e6190 : -46
26 : #a15e91 : -44
28 : #a35c93 : -42
30 : #a65994 : -40
32 : #a85795 : -38
34 : #ab5497 : -36
36 : #ad5298 : -34
38 : #b04f99 : -32
40 : #b34d9b : -30
42 : #b54a9c : -28
44 : #b8479d : -26
46 : #ba459f : -24
48 : #bd42a0 : -22
50 : #bf40a2 : -20
52 : #c23da3 : -18
54 : #c43ba4 : -16
56 : #c738a6 : -14
58 : #c936a7 : -12
60 : #cc33a8 : -10
62 : #cf30aa : -8
64 : #d12eab : -6
66 : #d42bac : -4
68 : #d629ae : -2
70 : #d926af : ±0
72 : #db24b0 : +2
74 : #de21b2 : +4
76 : #e01fb3 : +6
78 : #e31cb5 : +8
80 : #e61ab6 : +10
82 : #e817b7 : +12
84 : #eb14b9 : +14
86 : #ed12ba : +16
88 : #f00fbb : +18
90 : #f20dbd : +20
92 : #f50abe : +22
94 : #f708bf : +24
96 : #fa05c1 : +26
98 : #fc03c2 : +28
100 : #ff00c4 : +30
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #090207 : -48
4 : #11030e : -46
6 : #1a0515 : -44
8 : #23061c : -42
10 : #2b0823 : -40
12 : #34092a : -38
14 : #3d0b31 : -36
16 : #450c38 : -34
18 : #4e0e3f : -32
20 : #570f46 : -30
22 : #5f114d : -28
24 : #681254 : -26
26 : #71145b : -24
28 : #791562 : -22
30 : #821769 : -20
32 : #8b1870 : -18
34 : #931a77 : -16
36 : #9c1c7e : -14
38 : #a51d85 : -12
40 : #ad1f8c : -10
42 : #b62093 : -8
44 : #bf229a : -6
46 : #c723a1 : -4
48 : #d025a8 : -2
50 : #d926af : ±0
52 : #da2fb2 : +2
54 : #dc38b5 : +4
56 : #dd40b9 : +6
58 : #df49bc : +8
60 : #e052bf : +10
62 : #e25ac2 : +12
64 : #e363c5 : +14
66 : #e56cc9 : +16
68 : #e774cc : +18
70 : #e87dcf : +20
72 : #ea86d2 : +22
74 : #eb8ed5 : +24
76 : #ed97d9 : +26
78 : #eea0dc : +28
80 : #f0a8df : +30
82 : #f1b1e2 : +32
84 : #f3bae5 : +34
86 : #f4c2e9 : +36
88 : #f6cbec : +38
90 : #f7d4ef : +40
92 : #f9dcf2 : +42
94 : #fae5f5 : +44
96 : #fceef9 : +46
98 : #fdf6fc : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow