#fb3c79
RGB
赤 | 251 |
---|---|
緑 | 60 |
青 | 121 |
HSL
色相 | 341° |
---|---|
彩度 | 96% |
明度 | 61% |
輝度 | 49% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 251, 緑 = 60, 青 = 121 )
HSL ( 色相 = 341°, 彩度 = 96%, 明度 = 61% )
H : 色相 ( 341° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fb3f3c : -340
11 : #fb5f3c : -330
21 : #fb7f3c : -320
31 : #fb9f3c : -310
41 : #fbbf3c : -300
51 : #fbde3c : -290
61 : #f8fb3c : -280
71 : #d8fb3c : -270
81 : #b8fb3c : -260
91 : #98fb3c : -250
101 : #79fb3c : -240
111 : #59fb3c : -230
121 : #3cfb3f : -220
131 : #3cfb5f : -210
141 : #3cfb7f : -200
151 : #3cfb9f : -190
161 : #3cfbbf : -180
171 : #3cfbde : -170
181 : #3cf8fb : -160
191 : #3cd8fb : -150
201 : #3cb8fb : -140
211 : #3c98fb : -130
221 : #3c79fb : -120
231 : #3c59fb : -110
241 : #3f3cfb : -100
251 : #5f3cfb : -90
261 : #7f3cfb : -80
271 : #9f3cfb : -70
281 : #bf3cfb : -60
291 : #de3cfb : -50
301 : #fb3cf8 : -40
311 : #fb3cd8 : -30
321 : #fb3cb8 : -20
331 : #fb3c98 : -10
341 : #fb3c79 : ±0
351 : #fb3c59 : +10
331 : #fb3c98 : -10
332 : #fb3c95 : -9
333 : #fb3c92 : -8
334 : #fb3c8f : -7
335 : #fb3c8c : -6
336 : #fb3c88 : -5
337 : #fb3c85 : -4
338 : #fb3c82 : -3
339 : #fb3c7f : -2
340 : #fb3c7c : -1
341 : #fb3c79 : ±0
342 : #fb3c75 : +1
343 : #fb3c72 : +2
344 : #fb3c6f : +3
345 : #fb3c6c : +4
346 : #fb3c69 : +5
347 : #fb3c65 : +6
348 : #fb3c62 : +7
349 : #fb3c5f : +8
350 : #fb3c5c : +9
351 : #fb3c59 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #9b9b9b : -96
2 : #9e9a9b : -94
4 : #a0989a : -92
6 : #a29699 : -90
8 : #a49499 : -88
10 : #a59298 : -86
12 : #a79097 : -84
14 : #a98e96 : -82
16 : #ab8c96 : -80
18 : #ad8a95 : -78
20 : #af8894 : -76
22 : #b18694 : -74
24 : #b38493 : -72
26 : #b58292 : -70
28 : #b78091 : -68
30 : #b97e91 : -66
32 : #bb7c90 : -64
34 : #bd7a8f : -62
36 : #bf788e : -60
38 : #c1768e : -58
40 : #c3748d : -56
42 : #c5728c : -54
44 : #c7708c : -52
46 : #c96e8b : -50
48 : #cb6c8a : -48
50 : #cd6a89 : -46
52 : #cf6889 : -44
54 : #d16688 : -42
56 : #d36487 : -40
58 : #d56286 : -38
60 : #d76086 : -36
62 : #d95e85 : -34
64 : #db5c84 : -32
66 : #dd5a83 : -30
68 : #df5883 : -28
70 : #e15682 : -26
72 : #e35481 : -24
74 : #e55281 : -22
76 : #e75080 : -20
78 : #e94e7f : -18
80 : #eb4c7e : -16
82 : #ed4a7e : -14
84 : #ef487d : -12
86 : #f1467c : -10
88 : #f3447b : -8
90 : #f5427b : -6
92 : #f7407a : -4
94 : #f93e79 : -2
96 : #fb3c79 : ±0
98 : #fd3a78 : +2
100 : #ff3877 : +4
L : 明度 ( 61% )
(0%) 暗い ~ 明るい (100%)
1 : #050002 : -60
3 : #0f0005 : -58
5 : #190108 : -56
7 : #23010c : -54
9 : #2d010f : -52
11 : #370112 : -50
13 : #410115 : -48
15 : #4b0219 : -46
17 : #55021c : -44
19 : #5f021f : -42
21 : #690223 : -40
23 : #730226 : -38
25 : #7d0329 : -36
27 : #87032d : -34
29 : #910330 : -32
31 : #9b0333 : -30
33 : #a50337 : -28
35 : #af043a : -26
37 : #b9043d : -24
39 : #c30440 : -22
41 : #cd0444 : -20
43 : #d70447 : -18
45 : #e1054a : -16
47 : #eb054e : -14
49 : #f50551 : -12
51 : #fa0a56 : -10
53 : #fa145d : -8
55 : #fa1e64 : -6
57 : #fb286b : -4
59 : #fb3272 : -2
61 : #fb3c79 : ±0
63 : #fb467f : +2
65 : #fb5086 : +4
67 : #fc5a8d : +6
69 : #fc6494 : +8
71 : #fc6e9b : +10
73 : #fc78a2 : +12
75 : #fc82a9 : +14
77 : #fd8cb0 : +16
79 : #fd96b7 : +18
81 : #fda0bd : +20
83 : #fdaac4 : +22
85 : #fdb4cb : +24
87 : #febed2 : +26
89 : #fec8d9 : +28
91 : #fed2e0 : +30
93 : #fedce7 : +32
95 : #fee6ee : +34
97 : #fff0f5 : +36
99 : #fffafc : +38
CSS入門、作ってます。
text-shadow