#d836b6
RGB
| 赤 | 216 |
|---|---|
| 緑 | 54 |
| 青 | 182 |
HSL
| 色相 | 313° |
|---|---|
| 彩度 | 68% |
| 明度 | 53% |
| 輝度 | 46% |
３桁の色
補色
反転色
RGB ( 赤 = 216, 緑 = 54, 青 = 182 )
HSL ( 色相 = 313°, 彩度 = 68%, 明度 = 53% )
H : 色相 ( 313° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #d93e36 : -310
13 : #d95936 : -300
23 : #d97436 : -290
33 : #d98f36 : -280
43 : #d9aa36 : -270
53 : #d9c636 : -260
63 : #d0d936 : -250
73 : #b5d936 : -240
83 : #9ad936 : -230
93 : #7fd936 : -220
103 : #64d936 : -210
113 : #49d936 : -200
123 : #36d93e : -190
133 : #36d959 : -180
143 : #36d974 : -170
153 : #36d98f : -160
163 : #36d9aa : -150
173 : #36d9c6 : -140
183 : #36d0d9 : -130
193 : #36b5d9 : -120
203 : #369ad9 : -110
213 : #367fd9 : -100
223 : #3664d9 : -90
233 : #3649d9 : -80
243 : #3e36d9 : -70
253 : #5936d9 : -60
263 : #7436d9 : -50
273 : #8f36d9 : -40
283 : #aa36d9 : -30
293 : #c636d9 : -20
303 : #d936d0 : -10
313 : #d936b5 : ±0
323 : #d9369a : +10
333 : #d9367f : +20
343 : #d93664 : +30
353 : #d93649 : +40
303 : #d936d0 : -10
304 : #d936ce : -9
305 : #d936cb : -8
306 : #d936c8 : -7
307 : #d936c6 : -6
308 : #d936c3 : -5
309 : #d936c0 : -4
310 : #d936bd : -3
311 : #d936bb : -2
312 : #d936b8 : -1
313 : #d936b5 : ±0
314 : #d936b3 : +1
315 : #d936b0 : +2
316 : #d936ad : +3
317 : #d936aa : +4
318 : #d936a8 : +5
319 : #d936a5 : +6
320 : #d936a2 : +7
321 : #d936a0 : +8
322 : #d9369d : +9
323 : #d9369a : +10
S : 彩度 ( 68% )
(0%) 渋い ～ 鮮やか (100%)
0 : #878787 : -68
2 : #8a8589 : -66
4 : #8c828a : -64
6 : #8e808b : -62
8 : #917e8d : -60
10 : #937b8e : -58
12 : #96798f : -56
14 : #987691 : -54
16 : #9a7492 : -52
18 : #9d7293 : -50
20 : #9f6f95 : -48
22 : #a26d96 : -46
24 : #a46a97 : -44
26 : #a66899 : -42
28 : #a9669a : -40
30 : #ab639c : -38
32 : #ae619d : -36
34 : #b05e9e : -34
36 : #b25ca0 : -32
38 : #b55aa1 : -30
40 : #b757a2 : -28
42 : #b955a4 : -26
44 : #bc52a5 : -24
46 : #be50a6 : -22
48 : #c14ea8 : -20
50 : #c34ba9 : -18
52 : #c549aa : -16
54 : #c846ac : -14
56 : #ca44ad : -12
58 : #cd42af : -10
60 : #cf3fb0 : -8
62 : #d13db1 : -6
64 : #d43ab3 : -4
66 : #d638b4 : -2
68 : #d936b5 : ±0
70 : #db33b7 : +2
72 : #dd31b8 : +4
74 : #e02eb9 : +6
76 : #e22cbb : +8
78 : #e52abc : +10
80 : #e727bd : +12
82 : #e925bf : +14
84 : #ec22c0 : +16
86 : #ee20c2 : +18
88 : #f11ec3 : +20
90 : #f31bc4 : +22
92 : #f519c6 : +24
94 : #f816c7 : +26
96 : #fa14c8 : +28
98 : #fd12ca : +30
100 : #ff0fcb : +32
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #040104 : -52
3 : #0d020b : -50
5 : #150412 : -48
7 : #1e0619 : -46
9 : #270720 : -44
11 : #2f0927 : -42
13 : #380b2e : -40
15 : #400c35 : -38
17 : #490e3c : -36
19 : #511043 : -34
21 : #5a114a : -32
23 : #631351 : -30
25 : #6b1458 : -28
27 : #74165f : -26
29 : #7c1866 : -24
31 : #85196e : -22
33 : #8d1b75 : -20
35 : #961d7c : -18
37 : #9f1e83 : -16
39 : #a7208a : -14
41 : #b02191 : -12
43 : #b82398 : -10
45 : #c1259f : -8
47 : #c926a6 : -6
49 : #d228ad : -4
51 : #d72db2 : -2
53 : #d936b5 : ±0
55 : #da3eb8 : +2
57 : #dc47bc : +4
59 : #de4fbf : +6
61 : #df58c2 : +8
63 : #e160c5 : +10
65 : #e269c8 : +12
67 : #e472cb : +14
69 : #e67ace : +16
71 : #e783d2 : +18
73 : #e98bd5 : +20
75 : #eb94d8 : +22
77 : #ec9cdb : +24
79 : #eea5de : +26
81 : #efaee1 : +28
83 : #f1b6e4 : +30
85 : #f3bfe7 : +32
87 : #f4c7eb : +34
89 : #f6d0ee : +36
91 : #f8d8f1 : +38
93 : #f9e1f4 : +40
95 : #fbeaf7 : +42
97 : #fdf2fa : +44
99 : #fefbfd : +46
CSS入門、作ってます。
text-shadow