#fb6580
RGB
赤 | 251 |
---|---|
緑 | 101 |
青 | 128 |
HSL
色相 | 349° |
---|---|
彩度 | 95% |
明度 | 69% |
輝度 | 58% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 251, 緑 = 101, 青 = 128 )
HSL ( 色相 = 349°, 彩度 = 95%, 明度 = 69% )
H : 色相 ( 349° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #fb7b65 : -340
19 : #fb9465 : -330
29 : #fbad65 : -320
39 : #fbc665 : -310
49 : #fbe065 : -300
59 : #fbf965 : -290
69 : #e5fb65 : -280
79 : #cbfb65 : -270
89 : #b2fb65 : -260
99 : #99fb65 : -250
109 : #80fb65 : -240
119 : #67fb65 : -230
129 : #65fb7b : -220
139 : #65fb94 : -210
149 : #65fbad : -200
159 : #65fbc6 : -190
169 : #65fbe0 : -180
179 : #65fbf9 : -170
189 : #65e5fb : -160
199 : #65cbfb : -150
209 : #65b2fb : -140
219 : #6599fb : -130
229 : #6580fb : -120
239 : #6567fb : -110
249 : #7b65fb : -100
259 : #9465fb : -90
269 : #ad65fb : -80
279 : #c665fb : -70
289 : #e065fb : -60
299 : #f965fb : -50
309 : #fb65e5 : -40
319 : #fb65cb : -30
329 : #fb65b2 : -20
339 : #fb6599 : -10
349 : #fb6580 : ±0
359 : #fb6567 : +10
339 : #fb6599 : -10
340 : #fb6597 : -9
341 : #fb6594 : -8
342 : #fb6592 : -7
343 : #fb658f : -6
344 : #fb658d : -5
345 : #fb658a : -4
346 : #fb6588 : -3
347 : #fb6585 : -2
348 : #fb6583 : -1
349 : #fb6580 : ±0
350 : #fb657e : +1
351 : #fb657b : +2
352 : #fb6579 : +3
353 : #fb6576 : +4
354 : #fb6574 : +5
355 : #fb6571 : +6
356 : #fb656f : +7
357 : #fb656c : +8
358 : #fb656a : +9
359 : #fb6567 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b1afaf : -94
3 : #b2aeae : -92
5 : #b4acad : -90
7 : #b5aaac : -88
9 : #b7a9ab : -86
11 : #b9a7aa : -84
13 : #baa6a9 : -82
15 : #bca4a8 : -80
17 : #bda3a7 : -78
19 : #bfa1a6 : -76
21 : #c19fa5 : -74
23 : #c29ea4 : -72
25 : #c49ca3 : -70
27 : #c59ba2 : -68
29 : #c799a1 : -66
31 : #c897a0 : -64
33 : #ca969f : -62
35 : #cc949e : -60
37 : #cd939d : -58
39 : #cf919c : -56
41 : #d0909b : -54
43 : #d28e9a : -52
45 : #d48c99 : -50
47 : #d58b98 : -48
49 : #d78997 : -46
51 : #d88896 : -44
53 : #da8695 : -42
55 : #db8494 : -40
57 : #dd8393 : -38
59 : #df8192 : -36
61 : #e08091 : -34
63 : #e27e90 : -32
65 : #e37d8f : -30
67 : #e57b8e : -28
69 : #e6798d : -26
71 : #e8788c : -24
73 : #ea768b : -22
75 : #eb758a : -20
77 : #ed7389 : -18
79 : #ee7288 : -16
81 : #f07087 : -14
83 : #f26e86 : -12
85 : #f36d85 : -10
87 : #f56b84 : -8
89 : #f66a83 : -6
91 : #f86882 : -4
93 : #f96681 : -2
95 : #fb6580 : ±0
97 : #fd637f : +2
99 : #fe627e : +4
L : 明度 ( 69% )
(0%) 暗い ~ 明るい (100%)
1 : #050001 : -68
3 : #0f0003 : -66
5 : #190105 : -64
7 : #230107 : -62
9 : #2d0109 : -60
11 : #37010b : -58
13 : #41020d : -56
15 : #4b020f : -54
17 : #550211 : -52
19 : #5e0213 : -50
21 : #680315 : -48
23 : #720317 : -46
25 : #7c0319 : -44
27 : #86031b : -42
29 : #90041d : -40
31 : #9a041f : -38
33 : #a40422 : -36
35 : #ae0424 : -34
37 : #b80526 : -32
39 : #c20528 : -30
41 : #cc052a : -28
43 : #d6052c : -26
45 : #e0062e : -24
47 : #ea0630 : -22
49 : #f40632 : -20
51 : #f90b37 : -18
53 : #f9153f : -16
55 : #f91f47 : -14
57 : #fa294f : -12
59 : #fa3358 : -10
61 : #fa3d60 : -8
63 : #fa4768 : -6
65 : #fb5170 : -4
67 : #fb5b78 : -2
69 : #fb6580 : ±0
71 : #fb6f89 : +2
73 : #fc7991 : +4
75 : #fc8399 : +6
77 : #fc8da1 : +8
79 : #fc97a9 : +10
81 : #fda1b1 : +12
83 : #fdaaba : +14
85 : #fdb4c2 : +16
87 : #fdbeca : +18
89 : #fec8d2 : +20
91 : #fed2da : +22
93 : #fedce2 : +24
95 : #fee6eb : +26
97 : #fff0f3 : +28
99 : #fffafb : +30
CSS入門、作ってます。
text-shadow