#d6296b
RGB
赤 | 214 |
---|---|
緑 | 41 |
青 | 107 |
HSL
色相 | 337° |
---|---|
彩度 | 68% |
明度 | 50% |
輝度 | 39% |
3桁の色
補色
反転色
RGB ( 赤 = 214, 緑 = 41, 青 = 107 )
HSL ( 色相 = 337°, 彩度 = 68%, 明度 = 50% )
H : 色相 ( 337° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #d63d29 : -330
17 : #d65a29 : -320
27 : #d67729 : -310
37 : #d69429 : -300
47 : #d6b129 : -290
57 : #d6ce29 : -280
67 : #c2d629 : -270
77 : #a5d629 : -260
87 : #88d629 : -250
97 : #6bd629 : -240
107 : #4ed629 : -230
117 : #31d629 : -220
127 : #29d63d : -210
137 : #29d65a : -200
147 : #29d677 : -190
157 : #29d694 : -180
167 : #29d6b1 : -170
177 : #29d6ce : -160
187 : #29c2d6 : -150
197 : #29a5d6 : -140
207 : #2988d6 : -130
217 : #296bd6 : -120
227 : #294ed6 : -110
237 : #2931d6 : -100
247 : #3d29d6 : -90
257 : #5a29d6 : -80
267 : #7729d6 : -70
277 : #9429d6 : -60
287 : #b129d6 : -50
297 : #ce29d6 : -40
307 : #d629c2 : -30
317 : #d629a5 : -20
327 : #d62988 : -10
337 : #d6296b : ±0
347 : #d6294e : +10
357 : #d62931 : +20
327 : #d62988 : -10
328 : #d62985 : -9
329 : #d62982 : -8
330 : #d62980 : -7
331 : #d6297d : -6
332 : #d6297a : -5
333 : #d62977 : -4
334 : #d62974 : -3
335 : #d62971 : -2
336 : #d6296e : -1
337 : #d6296b : ±0
338 : #d62968 : +1
339 : #d62965 : +2
340 : #d62963 : +3
341 : #d62960 : +4
342 : #d6295d : +5
343 : #d6295a : +6
344 : #d62957 : +7
345 : #d62954 : +8
346 : #d62951 : +9
347 : #d6294e : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -68
2 : #827d7f : -66
4 : #857a7e : -64
6 : #87787e : -62
8 : #8a757d : -60
10 : #8c737d : -58
12 : #8f707c : -56
14 : #916e7b : -54
16 : #946b7b : -52
18 : #96697a : -50
20 : #99667a : -48
22 : #9c6379 : -46
24 : #9e6178 : -44
26 : #a15e78 : -42
28 : #a35c77 : -40
30 : #a65977 : -38
32 : #a85776 : -36
34 : #ab5475 : -34
36 : #ad5275 : -32
38 : #b04f74 : -30
40 : #b34d74 : -28
42 : #b54a73 : -26
44 : #b84772 : -24
46 : #ba4572 : -22
48 : #bd4271 : -20
50 : #bf4071 : -18
52 : #c23d70 : -16
54 : #c43b6f : -14
56 : #c7386f : -12
58 : #c9366e : -10
60 : #cc336e : -8
62 : #cf306d : -6
64 : #d12e6c : -4
66 : #d42b6c : -2
68 : #d6296b : ±0
70 : #d9266b : +2
72 : #db246a : +4
74 : #de2169 : +6
76 : #e01f69 : +8
78 : #e31c68 : +10
80 : #e61a68 : +12
82 : #e81767 : +14
84 : #eb1467 : +16
86 : #ed1266 : +18
88 : #f00f65 : +20
90 : #f20d65 : +22
92 : #f50a64 : +24
94 : #f70864 : +26
96 : #fa0563 : +28
98 : #fc0362 : +30
100 : #ff0062 : +32
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #090204 : -48
4 : #110309 : -46
6 : #1a050d : -44
8 : #220711 : -42
10 : #2b0815 : -40
12 : #330a1a : -38
14 : #3c0b1e : -36
16 : #450d22 : -34
18 : #4d0f27 : -32
20 : #56102b : -30
22 : #5e122f : -28
24 : #671433 : -26
26 : #6f1538 : -24
28 : #78173c : -22
30 : #811840 : -20
32 : #891a45 : -18
34 : #921c49 : -16
36 : #9a1d4d : -14
38 : #a31f52 : -12
40 : #ab2156 : -10
42 : #b4225a : -8
44 : #bc245e : -6
46 : #c52663 : -4
48 : #ce2767 : -2
50 : #d6296b : ±0
52 : #d83171 : +2
54 : #d93a77 : +4
56 : #db437d : +6
58 : #dd4b83 : +8
60 : #de5489 : +10
62 : #e05c8f : +12
64 : #e26595 : +14
66 : #e36d9b : +16
68 : #e576a0 : +18
70 : #e77ea6 : +20
72 : #e887ac : +22
74 : #ea90b2 : +24
76 : #eb98b8 : +26
78 : #eda1be : +28
80 : #efa9c4 : +30
82 : #f0b2ca : +32
84 : #f2bad0 : +34
86 : #f4c3d6 : +36
88 : #f5ccdc : +38
90 : #f7d4e1 : +40
92 : #f8dde7 : +42
94 : #fae5ed : +44
96 : #fceef3 : +46
98 : #fdf6f9 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow