#f353b8
RGB
| 赤 | 243 |
|---|---|
| 緑 | 83 |
| 青 | 184 |
HSL
| 色相 | 322° |
|---|---|
| 彩度 | 87% |
| 明度 | 64% |
| 輝度 | 56% |
３桁の色
補色
反転色
RGB ( 赤 = 243, 緑 = 83, 青 = 184 )
HSL ( 色相 = 322°, 彩度 = 87%, 明度 = 64% )
H : 色相 ( 322° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #f35953 : -320
12 : #f37353 : -310
22 : #f38e53 : -300
32 : #f3a953 : -290
42 : #f3c353 : -280
52 : #f3de53 : -270
62 : #eef353 : -260
72 : #d3f353 : -250
82 : #b8f353 : -240
92 : #9ef353 : -230
102 : #83f353 : -220
112 : #69f353 : -210
122 : #53f359 : -200
132 : #53f373 : -190
142 : #53f38e : -180
152 : #53f3a9 : -170
162 : #53f3c3 : -160
172 : #53f3de : -150
182 : #53eef3 : -140
192 : #53d3f3 : -130
202 : #53b8f3 : -120
212 : #539ef3 : -110
222 : #5383f3 : -100
232 : #5369f3 : -90
242 : #5953f3 : -80
252 : #7353f3 : -70
262 : #8e53f3 : -60
272 : #a953f3 : -50
282 : #c353f3 : -40
292 : #de53f3 : -30
302 : #f353ee : -20
312 : #f353d3 : -10
322 : #f353b8 : ±0
332 : #f3539e : +10
342 : #f35383 : +20
352 : #f35369 : +30
312 : #f353d3 : -10
313 : #f353d0 : -9
314 : #f353ce : -8
315 : #f353cb : -7
316 : #f353c8 : -6
317 : #f353c6 : -5
318 : #f353c3 : -4
319 : #f353c0 : -3
320 : #f353be : -2
321 : #f353bb : -1
322 : #f353b8 : ±0
323 : #f353b6 : +1
324 : #f353b3 : +2
325 : #f353b1 : +3
326 : #f353ae : +4
327 : #f353ab : +5
328 : #f353a9 : +6
329 : #f353a6 : +7
330 : #f353a3 : +8
331 : #f353a1 : +9
332 : #f3539e : +10
S : 彩度 ( 87% )
(0%) 渋い ～ 鮮やか (100%)
1 : #a4a2a3 : -86
3 : #a6a0a4 : -84
5 : #a89fa4 : -82
7 : #aa9da5 : -80
9 : #ab9ba5 : -78
11 : #ad99a6 : -76
13 : #af97a6 : -74
15 : #b195a7 : -72
17 : #b394a7 : -70
19 : #b592a8 : -68
21 : #b690a8 : -66
23 : #b88ea9 : -64
25 : #ba8ca9 : -62
27 : #bc8aaa : -60
29 : #be89aa : -58
31 : #c087ab : -56
33 : #c185ab : -54
35 : #c383ac : -52
37 : #c581ac : -50
39 : #c77fad : -48
41 : #c97ead : -46
43 : #cb7cae : -44
45 : #cd7aae : -42
47 : #ce78af : -40
49 : #d076af : -38
51 : #d274b0 : -36
53 : #d473b0 : -34
55 : #d671b1 : -32
57 : #d86fb1 : -30
59 : #d96db2 : -28
61 : #db6bb2 : -26
63 : #dd69b3 : -24
65 : #df68b3 : -22
67 : #e166b4 : -20
69 : #e364b4 : -18
71 : #e462b5 : -16
73 : #e660b5 : -14
75 : #e85eb6 : -12
77 : #ea5db6 : -10
79 : #ec5bb7 : -8
81 : #ee59b7 : -6
83 : #ef57b8 : -4
85 : #f155b8 : -2
87 : #f353b8 : ±0
89 : #f551b9 : +2
91 : #f750b9 : +4
93 : #f94eba : +6
95 : #fa4cba : +8
97 : #fc4abb : +10
99 : #fe48bb : +12
L : 明度 ( 64% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -64
2 : #0a0106 : -62
4 : #13010d : -60
6 : #1d0213 : -58
8 : #260319 : -56
10 : #30031f : -54
12 : #390426 : -52
14 : #43052c : -50
16 : #4c0532 : -48
18 : #560639 : -46
20 : #5f073f : -44
22 : #690745 : -42
24 : #72084b : -40
26 : #7c0952 : -38
28 : #860958 : -36
30 : #8f0a5e : -34
32 : #990b65 : -32
34 : #a20b6b : -30
36 : #ac0c71 : -28
38 : #b50d77 : -26
40 : #bf0d7e : -24
42 : #c80e84 : -22
44 : #d20f8a : -20
46 : #db0f91 : -18
48 : #e51097 : -16
50 : #ee119d : -14
52 : #ef1aa1 : -12
54 : #f024a5 : -10
56 : #f02da9 : -8
58 : #f137ad : -6
60 : #f240b1 : -4
62 : #f24ab5 : -2
64 : #f353b8 : ±0
66 : #f45dbc : +2
68 : #f466c0 : +4
70 : #f570c4 : +6
72 : #f679c8 : +8
74 : #f683cc : +10
76 : #f78dd0 : +12
78 : #f896d4 : +14
80 : #f8a0d8 : +16
82 : #f9a9dc : +18
84 : #fab3e0 : +20
86 : #fabce4 : +22
88 : #fbc6e7 : +24
90 : #fccfeb : +26
92 : #fcd9ef : +28
94 : #fde2f3 : +30
96 : #feecf7 : +32
98 : #fef5fb : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow