#c767da
RGB
赤 | 199 |
---|---|
緑 | 103 |
青 | 218 |
HSL
色相 | 290° |
---|---|
彩度 | 61% |
明度 | 63% |
輝度 | 57% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 199, 緑 = 103, 青 = 218 )
HSL ( 色相 = 290°, 彩度 = 61%, 明度 = 63% )
H : 色相 ( 290° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #da6767 : -290
10 : #da7a67 : -280
20 : #da8d67 : -270
30 : #daa167 : -260
40 : #dab467 : -250
50 : #dac767 : -240
60 : #dada67 : -230
70 : #c7da67 : -220
80 : #b4da67 : -210
90 : #a1da67 : -200
100 : #8dda67 : -190
110 : #7ada67 : -180
120 : #67da67 : -170
130 : #67da7a : -160
140 : #67da8d : -150
150 : #67daa1 : -140
160 : #67dab4 : -130
170 : #67dac7 : -120
180 : #67dada : -110
190 : #67c7da : -100
200 : #67b4da : -90
210 : #67a1da : -80
220 : #678dda : -70
230 : #677ada : -60
240 : #6767da : -50
250 : #7a67da : -40
260 : #8d67da : -30
270 : #a167da : -20
280 : #b467da : -10
290 : #c767da : ±0
300 : #da67da : +10
310 : #da67c7 : +20
320 : #da67b4 : +30
330 : #da67a1 : +40
340 : #da678d : +50
350 : #da677a : +60
280 : #b467da : -10
281 : #b667da : -9
282 : #b867da : -8
283 : #ba67da : -7
284 : #bc67da : -6
285 : #bd67da : -5
286 : #bf67da : -4
287 : #c167da : -3
288 : #c367da : -2
289 : #c567da : -1
290 : #c767da : ±0
291 : #c967da : +1
292 : #cb67da : +2
293 : #cd67da : +3
294 : #cf67da : +4
295 : #d167da : +5
296 : #d367da : +6
297 : #d467da : +7
298 : #d667da : +8
299 : #d867da : +9
300 : #da67da : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a1a0a2 : -60
3 : #a39ea3 : -58
5 : #a49ca5 : -56
7 : #a59aa7 : -54
9 : #a698a9 : -52
11 : #a896ab : -50
13 : #a994ad : -48
15 : #aa92af : -46
17 : #ab91b1 : -44
19 : #ad8fb3 : -42
21 : #ae8db4 : -40
23 : #af8bb6 : -38
25 : #b089b8 : -36
27 : #b287ba : -34
29 : #b385bc : -32
31 : #b483be : -30
33 : #b582c0 : -28
35 : #b780c2 : -26
37 : #b87ec4 : -24
39 : #b97cc5 : -22
41 : #ba7ac7 : -20
43 : #bc78c9 : -18
45 : #bd76cb : -16
47 : #be74cd : -14
49 : #bf72cf : -12
51 : #c171d1 : -10
53 : #c26fd3 : -8
55 : #c36dd5 : -6
57 : #c56bd6 : -4
59 : #c669d8 : -2
61 : #c767da : ±0
63 : #c865dc : +2
65 : #ca63de : +4
67 : #cb61e0 : +6
69 : #cc60e2 : +8
71 : #cd5ee4 : +10
73 : #cf5ce6 : +12
75 : #d05ae7 : +14
77 : #d158e9 : +16
79 : #d256eb : +18
81 : #d454ed : +20
83 : #d552ef : +22
85 : #d650f1 : +24
87 : #d74ff3 : +26
89 : #d94df5 : +28
91 : #da4bf7 : +30
93 : #db49f8 : +32
95 : #dc47fa : +34
97 : #de45fc : +36
99 : #df43fe : +38
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -62
3 : #0b030c : -60
5 : #120515 : -58
7 : #19071d : -56
9 : #200925 : -54
11 : #270b2d : -52
13 : #2f0d35 : -50
15 : #360f3e : -48
17 : #3d1146 : -46
19 : #44134e : -44
21 : #4b1556 : -42
23 : #53175e : -40
25 : #5a1967 : -38
27 : #611b6f : -36
29 : #681d77 : -34
31 : #6f1f7f : -32
33 : #762187 : -30
35 : #7e2390 : -28
37 : #852598 : -26
39 : #8c27a0 : -24
41 : #9329a8 : -22
43 : #9a2bb1 : -20
45 : #a12db9 : -18
47 : #a92fc1 : -16
49 : #b031c9 : -14
51 : #b536ce : -12
53 : #b83ed0 : -10
55 : #bb46d2 : -8
57 : #be4ed4 : -6
59 : #c157d6 : -4
61 : #c45fd8 : -2
63 : #c767da : ±0
65 : #ca6fdc : +2
67 : #cd78de : +4
69 : #d080e0 : +6
71 : #d388e2 : +8
73 : #d690e4 : +10
75 : #d998e6 : +12
77 : #dca1e8 : +14
79 : #dfa9ea : +16
81 : #e2b1ec : +18
83 : #e5b9ee : +20
85 : #e8c1f0 : +22
87 : #ebcaf2 : +24
89 : #eed2f4 : +26
91 : #f1daf6 : +28
93 : #f4e2f8 : +30
95 : #f7eafa : +32
97 : #faf3fc : +34
99 : #fdfbfe : +36
CSS入門、作ってます。
text-shadow