#c10673
RGB
赤 | 193 |
---|---|
緑 | 6 |
青 | 115 |
HSL
色相 | 325° |
---|---|
彩度 | 94% |
明度 | 39% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 193, 緑 = 6, 青 = 115 )
HSL ( 色相 = 325°, 彩度 = 94%, 明度 = 39% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #c11606 : -320
15 : #c13506 : -310
25 : #c15406 : -300
35 : #c17306 : -290
45 : #c19206 : -280
55 : #c1b106 : -270
65 : #b1c106 : -260
75 : #92c106 : -250
85 : #73c106 : -240
95 : #54c106 : -230
105 : #35c106 : -220
115 : #16c106 : -210
125 : #06c116 : -200
135 : #06c135 : -190
145 : #06c154 : -180
155 : #06c173 : -170
165 : #06c192 : -160
175 : #06c1b1 : -150
185 : #06b1c1 : -140
195 : #0692c1 : -130
205 : #0673c1 : -120
215 : #0654c1 : -110
225 : #0635c1 : -100
235 : #0616c1 : -90
245 : #1606c1 : -80
255 : #3506c1 : -70
265 : #5406c1 : -60
275 : #7306c1 : -50
285 : #9206c1 : -40
295 : #b106c1 : -30
305 : #c106b1 : -20
315 : #c10692 : -10
325 : #c10673 : ±0
335 : #c10654 : +10
345 : #c10635 : +20
355 : #c10616 : +30
315 : #c10692 : -10
316 : #c1068f : -9
317 : #c1068c : -8
318 : #c10689 : -7
319 : #c10686 : -6
320 : #c10683 : -5
321 : #c1067f : -4
322 : #c1067c : -3
323 : #c10679 : -2
324 : #c10676 : -1
325 : #c10673 : ±0
326 : #c10670 : +1
327 : #c1066d : +2
328 : #c1066a : +3
329 : #c10667 : +4
330 : #c10663 : +5
331 : #c10660 : +6
332 : #c1065d : +7
333 : #c1065a : +8
334 : #c10657 : +9
335 : #c10654 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -94
2 : #656164 : -92
4 : #675f64 : -90
6 : #695d64 : -88
8 : #6b5b65 : -86
10 : #6d5a65 : -84
12 : #6f5865 : -82
14 : #715666 : -80
16 : #735466 : -78
18 : #755266 : -76
20 : #775067 : -74
22 : #794e67 : -72
24 : #7b4c67 : -70
26 : #7d4a68 : -68
28 : #7f4868 : -66
30 : #814668 : -64
32 : #834469 : -62
34 : #854269 : -60
36 : #874069 : -58
38 : #893e6a : -56
40 : #8b3c6a : -54
42 : #8d3a6a : -52
44 : #8f386b : -50
46 : #91366b : -48
48 : #93346b : -46
50 : #95326c : -44
52 : #97306c : -42
54 : #992e6c : -40
56 : #9b2c6d : -38
58 : #9d2a6d : -36
60 : #9f286d : -34
62 : #a1266e : -32
64 : #a3246e : -30
66 : #a5226e : -28
68 : #a7206f : -26
70 : #a91e6f : -24
72 : #ab1c6f : -22
74 : #ad1a70 : -20
76 : #af1870 : -18
78 : #b11670 : -16
80 : #b31471 : -14
82 : #b51271 : -12
84 : #b71071 : -10
86 : #b90e72 : -8
88 : #bb0c72 : -6
90 : #bd0a72 : -4
92 : #bf0873 : -2
94 : #c10673 : ±0
96 : #c30473 : +2
98 : #c50274 : +4
100 : #c70074 : +6
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -38
3 : #0f0009 : -36
5 : #19010f : -34
7 : #230115 : -32
9 : #2d011b : -30
11 : #360220 : -28
13 : #400226 : -26
15 : #4a022c : -24
17 : #540332 : -22
19 : #5e0338 : -20
21 : #68033e : -18
23 : #720444 : -16
25 : #7c044a : -14
27 : #860450 : -12
29 : #8f0456 : -10
31 : #99055b : -8
33 : #a30561 : -6
35 : #ad0567 : -4
37 : #b7066d : -2
39 : #c10673 : ±0
41 : #cb0679 : +2
43 : #d5077f : +4
45 : #df0785 : +6
47 : #e9078b : +8
49 : #f20791 : +10
51 : #f80d96 : +12
53 : #f8169a : +14
55 : #f8209e : +16
57 : #f82aa3 : +18
59 : #f934a7 : +20
61 : #f93eab : +22
63 : #f948af : +24
65 : #fa52b4 : +26
67 : #fa5cb8 : +28
69 : #fa66bc : +30
71 : #fb70c1 : +32
73 : #fb79c5 : +34
75 : #fb83c9 : +36
77 : #fb8dce : +38
79 : #fc97d2 : +40
81 : #fca1d6 : +42
83 : #fcabda : +44
85 : #fdb5df : +46
87 : #fdbfe3 : +48
89 : #fdc9e7 : +50
91 : #fed2ec : +52
93 : #fedcf0 : +54
95 : #fee6f4 : +56
97 : #fff0f9 : +58
99 : #fffafd : +60
CSS入門、作ってます。
text-shadow