#dd0e79
RGB
赤 | 221 |
---|---|
緑 | 14 |
青 | 121 |
HSL
色相 | 329° |
---|---|
彩度 | 88% |
明度 | 46% |
輝度 | 35% |
3桁の色
補色
反転色
RGB ( 赤 = 221, 緑 = 14, 青 = 121 )
HSL ( 色相 = 329°, 彩度 = 88%, 明度 = 46% )
H : 色相 ( 329° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #dd2d0e : -320
19 : #dd4f0e : -310
29 : #dd720e : -300
39 : #dd940e : -290
49 : #ddb70e : -280
59 : #ddd90e : -270
69 : #bedd0e : -260
79 : #9bdd0e : -250
89 : #79dd0e : -240
99 : #56dd0e : -230
109 : #34dd0e : -220
119 : #12dd0e : -210
129 : #0edd2d : -200
139 : #0edd4f : -190
149 : #0edd72 : -180
159 : #0edd94 : -170
169 : #0eddb7 : -160
179 : #0eddd9 : -150
189 : #0ebedd : -140
199 : #0e9bdd : -130
209 : #0e79dd : -120
219 : #0e56dd : -110
229 : #0e34dd : -100
239 : #0e12dd : -90
249 : #2d0edd : -80
259 : #4f0edd : -70
269 : #720edd : -60
279 : #940edd : -50
289 : #b70edd : -40
299 : #d90edd : -30
309 : #dd0ebe : -20
319 : #dd0e9b : -10
329 : #dd0e79 : ±0
339 : #dd0e56 : +10
349 : #dd0e34 : +20
359 : #dd0e12 : +30
319 : #dd0e9b : -10
320 : #dd0e98 : -9
321 : #dd0e94 : -8
322 : #dd0e91 : -7
323 : #dd0e8d : -6
324 : #dd0e8a : -5
325 : #dd0e87 : -4
326 : #dd0e83 : -3
327 : #dd0e80 : -2
328 : #dd0e7c : -1
329 : #dd0e79 : ±0
330 : #dd0e75 : +1
331 : #dd0e72 : +2
332 : #dd0e6e : +3
333 : #dd0e6b : +4
334 : #dd0e68 : +5
335 : #dd0e64 : +6
336 : #dd0e61 : +7
337 : #dd0e5d : +8
338 : #dd0e5a : +9
339 : #dd0e56 : +10
S : 彩度 ( 88% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -88
2 : #787375 : -86
4 : #7a7175 : -84
6 : #7c6e76 : -82
8 : #7f6c76 : -80
10 : #816a76 : -78
12 : #836776 : -76
14 : #866576 : -74
16 : #886376 : -72
18 : #8a6076 : -70
20 : #8d5e76 : -68
22 : #8f5b76 : -66
24 : #915976 : -64
26 : #945776 : -62
28 : #965476 : -60
30 : #985276 : -58
32 : #9b5077 : -56
34 : #9d4d77 : -54
36 : #a04b77 : -52
38 : #a24977 : -50
40 : #a44677 : -48
42 : #a74477 : -46
44 : #a94277 : -44
46 : #ab3f77 : -42
48 : #ae3d77 : -40
50 : #b03b77 : -38
52 : #b23877 : -36
54 : #b53677 : -34
56 : #b73477 : -32
58 : #b93178 : -30
60 : #bc2f78 : -28
62 : #be2d78 : -26
64 : #c02a78 : -24
66 : #c32878 : -22
68 : #c52678 : -20
70 : #c72378 : -18
72 : #ca2178 : -16
74 : #cc1e78 : -14
76 : #ce1c78 : -12
78 : #d11a78 : -10
80 : #d31778 : -8
82 : #d51579 : -6
84 : #d81379 : -4
86 : #da1079 : -2
88 : #dd0e79 : ±0
90 : #df0c79 : +2
92 : #e10979 : +4
94 : #e40779 : +6
96 : #e60579 : +8
98 : #e80279 : +10
100 : #eb0079 : +12
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #0a0105 : -44
4 : #13010a : -42
6 : #1d0210 : -40
8 : #260215 : -38
10 : #30031a : -36
12 : #3a041f : -34
14 : #430425 : -32
16 : #4d052a : -30
18 : #56062f : -28
20 : #600634 : -26
22 : #69073a : -24
24 : #73073f : -22
26 : #7d0844 : -20
28 : #860949 : -18
30 : #90094f : -16
32 : #990a54 : -14
34 : #a30a59 : -12
36 : #ad0b5e : -10
38 : #b60c64 : -8
40 : #c00c69 : -6
42 : #c90d6e : -4
44 : #d30d73 : -2
46 : #dd0e79 : ±0
48 : #e60f7e : +2
50 : #f00f83 : +4
52 : #f01988 : +6
54 : #f1228d : +8
56 : #f22c92 : +10
58 : #f23697 : +12
60 : #f33f9c : +14
62 : #f349a1 : +16
64 : #f452a6 : +18
66 : #f55cab : +20
68 : #f566b0 : +22
70 : #f66fb5 : +24
72 : #f679ba : +26
74 : #f782bf : +28
76 : #f88cc4 : +30
78 : #f896c9 : +32
80 : #f99fcd : +34
82 : #f9a9d2 : +36
84 : #fab2d7 : +38
86 : #fbbcdc : +40
88 : #fbc5e1 : +42
90 : #fccfe6 : +44
92 : #fdd9eb : +46
94 : #fde2f0 : +48
96 : #feecf5 : +50
98 : #fef5fa : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow