#ff0a85
RGB
| 赤 | 255 |
|---|---|
| 緑 | 10 |
| 青 | 133 |
HSL
| 色相 | 330° |
|---|---|
| 彩度 | 100% |
| 明度 | 52% |
| 輝度 | 38% |
３桁の色
補色
反転色
RGB ( 赤 = 255, 緑 = 10, 青 = 133 )
HSL ( 色相 = 330°, 彩度 = 100%, 明度 = 52% )
H : 色相 ( 330° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #ff0a0a : -330
10 : #ff330a : -320
20 : #ff5c0a : -310
30 : #ff850a : -300
40 : #ffad0a : -290
50 : #ffd60a : -280
60 : #ffff0a : -270
70 : #d6ff0a : -260
80 : #adff0a : -250
90 : #85ff0a : -240
100 : #5cff0a : -230
110 : #33ff0a : -220
120 : #0aff0a : -210
130 : #0aff33 : -200
140 : #0aff5c : -190
150 : #0aff85 : -180
160 : #0affad : -170
170 : #0affd6 : -160
180 : #0affff : -150
190 : #0ad6ff : -140
200 : #0aadff : -130
210 : #0a85ff : -120
220 : #0a5cff : -110
230 : #0a33ff : -100
240 : #0a0aff : -90
250 : #330aff : -80
260 : #5c0aff : -70
270 : #850aff : -60
280 : #ad0aff : -50
290 : #d60aff : -40
300 : #ff0aff : -30
310 : #ff0ad6 : -20
320 : #ff0aad : -10
330 : #ff0a85 : ±0
340 : #ff0a5c : +10
350 : #ff0a33 : +20
320 : #ff0aad : -10
321 : #ff0aa9 : -9
322 : #ff0aa5 : -8
323 : #ff0aa1 : -7
324 : #ff0a9d : -6
325 : #ff0a99 : -5
326 : #ff0a95 : -4
327 : #ff0a91 : -3
328 : #ff0a8d : -2
329 : #ff0a89 : -1
330 : #ff0a85 : ±0
331 : #ff0a81 : +1
332 : #ff0a7c : +2
333 : #ff0a78 : +3
334 : #ff0a74 : +4
335 : #ff0a70 : +5
336 : #ff0a6c : +6
337 : #ff0a68 : +7
338 : #ff0a64 : +8
339 : #ff0a60 : +9
340 : #ff0a5c : +10
S : 彩度 ( 100% )
(0%) 渋い ～ 鮮やか (100%)
0 : #848484 : -100
2 : #878285 : -98
4 : #898085 : -96
6 : #8c7d85 : -94
8 : #8e7b85 : -92
10 : #917885 : -90
12 : #937685 : -88
14 : #967385 : -86
16 : #987185 : -84
18 : #9b6f85 : -82
20 : #9d6c85 : -80
22 : #a06a85 : -78
24 : #a26785 : -76
26 : #a46585 : -74
28 : #a76285 : -72
30 : #a96085 : -70
32 : #ac5d85 : -68
34 : #ae5b85 : -66
36 : #b15985 : -64
38 : #b35685 : -62
40 : #b65485 : -60
42 : #b85185 : -58
44 : #ba4f85 : -56
46 : #bd4c85 : -54
48 : #bf4a85 : -52
50 : #c24785 : -50
52 : #c44585 : -48
54 : #c74385 : -46
56 : #c94085 : -44
58 : #cc3e85 : -42
60 : #ce3b85 : -40
62 : #d03985 : -38
64 : #d33685 : -36
66 : #d53485 : -34
68 : #d83185 : -32
70 : #da2f85 : -30
72 : #dd2c85 : -28
74 : #df2a85 : -26
76 : #e22885 : -24
78 : #e42585 : -22
80 : #e72385 : -20
82 : #e92085 : -18
84 : #eb1e85 : -16
86 : #ee1b85 : -14
88 : #f01985 : -12
90 : #f31685 : -10
92 : #f51485 : -8
94 : #f81285 : -6
96 : #fa0f85 : -4
98 : #fd0d85 : -2
100 : #ff0a85 : ±0
L : 明度 ( 52% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -52
2 : #0a0005 : -50
4 : #14000a : -48
6 : #1f000f : -46
8 : #290014 : -44
10 : #33001a : -42
12 : #3d001f : -40
14 : #470024 : -38
16 : #520029 : -36
18 : #5c002e : -34
20 : #660033 : -32
22 : #700038 : -30
24 : #7a003d : -28
26 : #850042 : -26
28 : #8f0047 : -24
30 : #99004d : -22
32 : #a30052 : -20
34 : #ad0057 : -18
36 : #b8005c : -16
38 : #c20061 : -14
40 : #cc0066 : -12
42 : #d6006b : -10
44 : #e00070 : -8
46 : #eb0075 : -6
48 : #f5007a : -4
50 : #ff0080 : -2
52 : #ff0a85 : ±0
54 : #ff148a : +2
56 : #ff1f8f : +4
58 : #ff2994 : +6
60 : #ff3399 : +8
62 : #ff3d9e : +10
64 : #ff47a3 : +12
66 : #ff52a8 : +14
68 : #ff5cad : +16
70 : #ff66b3 : +18
72 : #ff70b8 : +20
74 : #ff7abd : +22
76 : #ff85c2 : +24
78 : #ff8fc7 : +26
80 : #ff99cc : +28
82 : #ffa3d1 : +30
84 : #ffadd6 : +32
86 : #ffb8db : +34
88 : #ffc2e0 : +36
90 : #ffcce6 : +38
92 : #ffd6eb : +40
94 : #ffe0f0 : +42
96 : #ffebf5 : +44
98 : #fff5fa : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow