#6d57cb
RGB
赤 | 109 |
---|---|
緑 | 87 |
青 | 203 |
HSL
色相 | 251° |
---|---|
彩度 | 53% |
明度 | 57% |
輝度 | 42% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 109, 緑 = 87, 青 = 203 )
HSL ( 色相 = 251°, 彩度 = 53%, 明度 = 57% )
H : 色相 ( 251° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #cb5957 : -250
11 : #cb6d57 : -240
21 : #cb8057 : -230
31 : #cb9357 : -220
41 : #cba757 : -210
51 : #cbba57 : -200
61 : #cacb57 : -190
71 : #b6cb57 : -180
81 : #a3cb57 : -170
91 : #8fcb57 : -160
101 : #7ccb57 : -150
111 : #69cb57 : -140
121 : #57cb59 : -130
131 : #57cb6d : -120
141 : #57cb80 : -110
151 : #57cb93 : -100
161 : #57cba7 : -90
171 : #57cbba : -80
181 : #57cacb : -70
191 : #57b6cb : -60
201 : #57a3cb : -50
211 : #578fcb : -40
221 : #577ccb : -30
231 : #5769cb : -20
241 : #5957cb : -10
251 : #6d57cb : ±0
261 : #8057cb : +10
271 : #9357cb : +20
281 : #a757cb : +30
291 : #ba57cb : +40
301 : #cb57ca : +50
311 : #cb57b6 : +60
321 : #cb57a3 : +70
331 : #cb578f : +80
341 : #cb577c : +90
351 : #cb5769 : +100
241 : #5957cb : -10
242 : #5b57cb : -9
243 : #5d57cb : -8
244 : #5f57cb : -7
245 : #6157cb : -6
246 : #6357cb : -5
247 : #6557cb : -4
248 : #6757cb : -3
249 : #6957cb : -2
250 : #6b57cb : -1
251 : #6d57cb : ±0
252 : #6e57cb : +1
253 : #7057cb : +2
254 : #7257cb : +3
255 : #7457cb : +4
256 : #7657cb : +5
257 : #7857cb : +6
258 : #7a57cb : +7
259 : #7c57cb : +8
260 : #7e57cb : +9
261 : #8057cb : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #919092 : -52
3 : #8f8e95 : -50
5 : #8e8c97 : -48
7 : #8c8a99 : -46
9 : #8b879b : -44
11 : #8a859d : -42
13 : #8883a0 : -40
15 : #8781a2 : -38
17 : #867fa4 : -36
19 : #847da6 : -34
21 : #837aa8 : -32
23 : #8178ab : -30
25 : #8076ad : -28
27 : #7f74af : -26
29 : #7d72b1 : -24
31 : #7c6fb3 : -22
33 : #7a6db6 : -20
35 : #796bb8 : -18
37 : #7869ba : -16
39 : #7667bc : -14
41 : #7564be : -12
43 : #7362c0 : -10
45 : #7260c3 : -8
47 : #715ec5 : -6
49 : #6f5cc7 : -4
51 : #6e59c9 : -2
53 : #6d57cb : ±0
55 : #6b55ce : +2
57 : #6a53d0 : +4
59 : #6851d2 : +6
61 : #674ed4 : +8
63 : #664cd6 : +10
65 : #644ad9 : +12
67 : #6348db : +14
69 : #6146dd : +16
71 : #6043df : +18
73 : #5f41e1 : +20
75 : #5d3fe4 : +22
77 : #5c3de6 : +24
79 : #5a3be8 : +26
81 : #5939ea : +28
83 : #5836ec : +30
85 : #5634ef : +32
87 : #5532f1 : +34
89 : #5430f3 : +36
91 : #522ef5 : +38
93 : #512bf7 : +40
95 : #4f29fa : +42
97 : #4e27fc : +44
99 : #4d25fe : +46
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -56
3 : #05040c : -54
5 : #080614 : -52
7 : #0c081b : -50
9 : #0f0b23 : -48
11 : #130d2b : -46
13 : #161033 : -44
15 : #19123b : -42
17 : #1d1442 : -40
19 : #20174a : -38
21 : #241952 : -36
23 : #271c5a : -34
25 : #2a1e62 : -32
27 : #2e2069 : -30
29 : #312371 : -28
31 : #352579 : -26
33 : #382881 : -24
35 : #3b2a89 : -22
37 : #3f2c90 : -20
39 : #422f98 : -18
41 : #4531a0 : -16
43 : #4934a8 : -14
45 : #4c36b0 : -12
47 : #5038b7 : -10
49 : #533bbf : -8
51 : #5840c4 : -6
53 : #5f48c7 : -4
55 : #664fc9 : -2
57 : #6d57cb : ±0
59 : #735fce : +2
61 : #7a67d0 : +4
63 : #816fd3 : +6
65 : #8876d5 : +8
67 : #8f7ed7 : +10
69 : #9586da : +12
71 : #9c8edc : +14
73 : #a396df : +16
75 : #aa9de1 : +18
77 : #b1a5e3 : +20
79 : #b7ade6 : +22
81 : #beb5e8 : +24
83 : #c5bdeb : +26
85 : #ccc4ed : +28
87 : #d3ccef : +30
89 : #dad4f2 : +32
91 : #e0dcf4 : +34
93 : #e7e4f7 : +36
95 : #eeebf9 : +38
97 : #f5f3fb : +40
99 : #fcfbfe : +42
CSS入門、作ってます。
text-shadow