#f33064
RGB
赤 | 243 |
---|---|
緑 | 48 |
青 | 100 |
HSL
色相 | 344° |
---|---|
彩度 | 89% |
明度 | 57% |
輝度 | 44% |
3桁の色
補色
反転色
RGB ( 赤 = 243, 緑 = 48, 青 = 100 )
HSL ( 色相 = 344°, 彩度 = 89%, 明度 = 57% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #f33d30 : -340
14 : #f35d30 : -330
24 : #f37e30 : -320
34 : #f39e30 : -310
44 : #f3bf30 : -300
54 : #f3df30 : -290
64 : #e6f330 : -280
74 : #c5f330 : -270
84 : #a5f330 : -260
94 : #84f330 : -250
104 : #64f330 : -240
114 : #43f330 : -230
124 : #30f33d : -220
134 : #30f35d : -210
144 : #30f37e : -200
154 : #30f39e : -190
164 : #30f3bf : -180
174 : #30f3df : -170
184 : #30e6f3 : -160
194 : #30c5f3 : -150
204 : #30a5f3 : -140
214 : #3084f3 : -130
224 : #3064f3 : -120
234 : #3043f3 : -110
244 : #3d30f3 : -100
254 : #5d30f3 : -90
264 : #7e30f3 : -80
274 : #9e30f3 : -70
284 : #bf30f3 : -60
294 : #df30f3 : -50
304 : #f330e6 : -40
314 : #f330c5 : -30
324 : #f330a5 : -20
334 : #f33084 : -10
344 : #f33064 : ±0
354 : #f33043 : +10
334 : #f33084 : -10
335 : #f33081 : -9
336 : #f3307e : -8
337 : #f3307b : -7
338 : #f33077 : -6
339 : #f33074 : -5
340 : #f33071 : -4
341 : #f3306e : -3
342 : #f3306a : -2
343 : #f33067 : -1
344 : #f33064 : ±0
345 : #f33061 : +1
346 : #f3305d : +2
347 : #f3305a : +3
348 : #f33057 : +4
349 : #f33054 : +5
350 : #f33050 : +6
351 : #f3304d : +7
352 : #f3304a : +8
353 : #f33047 : +9
354 : #f33043 : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #929091 : -88
3 : #958e90 : -86
5 : #978c8f : -84
7 : #998a8e : -82
9 : #9b878d : -80
11 : #9d858c : -78
13 : #a0838b : -76
15 : #a2818a : -74
17 : #a47f89 : -72
19 : #a67d88 : -70
21 : #a87a87 : -68
23 : #ab7886 : -66
25 : #ad7685 : -64
27 : #af7484 : -62
29 : #b17283 : -60
31 : #b36f81 : -58
33 : #b66d80 : -56
35 : #b86b7f : -54
37 : #ba697e : -52
39 : #bc677d : -50
41 : #be647c : -48
43 : #c0627b : -46
45 : #c3607a : -44
47 : #c55e79 : -42
49 : #c75c78 : -40
51 : #c95977 : -38
53 : #cb5776 : -36
55 : #ce5575 : -34
57 : #d05374 : -32
59 : #d25173 : -30
61 : #d44e72 : -28
63 : #d64c71 : -26
65 : #d94a70 : -24
67 : #db486f : -22
69 : #dd466e : -20
71 : #df436d : -18
73 : #e1416c : -16
75 : #e43f6b : -14
77 : #e63d6a : -12
79 : #e83b69 : -10
81 : #ea3968 : -8
83 : #ec3667 : -6
85 : #ef3466 : -4
87 : #f13265 : -2
89 : #f33064 : ±0
91 : #f52e63 : +2
93 : #f72b62 : +4
95 : #fa2961 : +6
97 : #fc2760 : +8
99 : #fe255f : +10
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #050001 : -56
3 : #0e0104 : -54
5 : #180107 : -52
7 : #22020a : -50
9 : #2b030d : -48
11 : #350310 : -46
13 : #3f0413 : -44
15 : #480416 : -42
17 : #520519 : -40
19 : #5c051c : -38
21 : #65061f : -36
23 : #6f0622 : -34
25 : #780725 : -32
27 : #820828 : -30
29 : #8c082b : -28
31 : #95092e : -26
33 : #9f0931 : -24
35 : #a90a34 : -22
37 : #b20a37 : -20
39 : #bc0b3a : -18
41 : #c60c3d : -16
43 : #cf0c40 : -14
45 : #d90d43 : -12
47 : #e30d46 : -10
49 : #ec0e49 : -8
51 : #f1134e : -6
53 : #f21c55 : -4
55 : #f2265d : -2
57 : #f33064 : ±0
59 : #f3396b : +2
61 : #f44372 : +4
63 : #f54d79 : +6
65 : #f55681 : +8
67 : #f66088 : +10
69 : #f66a8f : +12
71 : #f77396 : +14
73 : #f77d9e : +16
75 : #f887a5 : +18
77 : #f990ac : +20
79 : #f99ab3 : +22
81 : #faa3ba : +24
83 : #faadc2 : +26
85 : #fbb7c9 : +28
87 : #fbc0d0 : +30
89 : #fccad7 : +32
91 : #fcd4df : +34
93 : #fddde6 : +36
95 : #fee7ed : +38
97 : #fef1f4 : +40
99 : #fffafb : +42
CSS入門、作ってます。
text-shadow