#c0073e
RGB
赤 | 192 |
---|---|
緑 | 7 |
青 | 62 |
HSL
色相 | 342° |
---|---|
彩度 | 93% |
明度 | 39% |
輝度 | 27% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 192, 緑 = 7, 青 = 62 )
HSL ( 色相 = 342°, 彩度 = 93%, 明度 = 39% )
H : 色相 ( 342° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #c00d07 : -340
12 : #c02c07 : -330
22 : #c04b07 : -320
32 : #c06a07 : -310
42 : #c08807 : -300
52 : #c0a707 : -290
62 : #bac007 : -280
72 : #9bc007 : -270
82 : #7cc007 : -260
92 : #5dc007 : -250
102 : #3ec007 : -240
112 : #20c007 : -230
122 : #07c00d : -220
132 : #07c02c : -210
142 : #07c04b : -200
152 : #07c06a : -190
162 : #07c088 : -180
172 : #07c0a7 : -170
182 : #07bac0 : -160
192 : #079bc0 : -150
202 : #077cc0 : -140
212 : #075dc0 : -130
222 : #073ec0 : -120
232 : #0720c0 : -110
242 : #0d07c0 : -100
252 : #2c07c0 : -90
262 : #4b07c0 : -80
272 : #6a07c0 : -70
282 : #8807c0 : -60
292 : #a707c0 : -50
302 : #c007ba : -40
312 : #c0079b : -30
322 : #c0077c : -20
332 : #c0075d : -10
342 : #c0073e : ±0
352 : #c00720 : +10
332 : #c0075d : -10
333 : #c0075a : -9
334 : #c00757 : -8
335 : #c00754 : -7
336 : #c00751 : -6
337 : #c0074e : -5
338 : #c0074b : -4
339 : #c00748 : -3
340 : #c00745 : -2
341 : #c00742 : -1
342 : #c0073e : ±0
343 : #c0073b : +1
344 : #c00738 : +2
345 : #c00735 : +3
346 : #c00732 : +4
347 : #c0072f : +5
348 : #c0072c : +6
349 : #c00729 : +7
350 : #c00726 : +8
351 : #c00723 : +9
352 : #c00720 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646263 : -92
3 : #666062 : -90
5 : #685e61 : -88
7 : #6a5c61 : -86
9 : #6c5a60 : -84
11 : #6e595f : -82
13 : #70575e : -80
15 : #72555d : -78
17 : #74535d : -76
19 : #76515c : -74
21 : #784f5b : -72
23 : #7a4d5a : -70
25 : #7c4b5a : -68
27 : #7e4959 : -66
29 : #804758 : -64
31 : #824557 : -62
33 : #844356 : -60
35 : #864156 : -58
37 : #883f55 : -56
39 : #8a3d54 : -54
41 : #8c3b53 : -52
43 : #8e3952 : -50
45 : #903752 : -48
47 : #923551 : -46
49 : #943350 : -44
51 : #96314f : -42
53 : #982f4e : -40
55 : #9a2d4e : -38
57 : #9c2b4d : -36
59 : #9e294c : -34
61 : #a0274b : -32
63 : #a2254a : -30
65 : #a4234a : -28
67 : #a62149 : -26
69 : #a81f48 : -24
71 : #aa1d47 : -22
73 : #ac1b46 : -20
75 : #ae1946 : -18
77 : #b01745 : -16
79 : #b21544 : -14
81 : #b41343 : -12
83 : #b61142 : -10
85 : #b80f42 : -8
87 : #ba0d41 : -6
89 : #bc0b40 : -4
91 : #be093f : -2
93 : #c0073e : ±0
95 : #c2053e : +2
97 : #c4033d : +4
99 : #c6013c : +6
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #050002 : -38
3 : #0f0105 : -36
5 : #190108 : -34
7 : #22010b : -32
9 : #2c020e : -30
11 : #360212 : -28
13 : #400215 : -26
15 : #4a0318 : -24
17 : #54031b : -22
19 : #5e031e : -20
21 : #670422 : -18
23 : #710425 : -16
25 : #7b0428 : -14
27 : #85052b : -12
29 : #8f052e : -10
31 : #990632 : -8
33 : #a20635 : -6
35 : #ac0638 : -4
37 : #b6073b : -2
39 : #c0073e : ±0
41 : #ca0742 : +2
43 : #d40845 : +4
45 : #dd0848 : +6
47 : #e7084b : +8
49 : #f1094e : +10
51 : #f60e54 : +12
53 : #f7185b : +14
55 : #f72262 : +16
57 : #f72b69 : +18
59 : #f83570 : +20
61 : #f83f77 : +22
63 : #f8497e : +24
65 : #f95385 : +26
67 : #f95d8c : +28
69 : #f96693 : +30
71 : #fa709a : +32
73 : #fa7aa1 : +34
75 : #fb84a8 : +36
77 : #fb8eaf : +38
79 : #fb98b6 : +40
81 : #fca1bd : +42
83 : #fcabc4 : +44
85 : #fcb5cb : +46
87 : #fdbfd2 : +48
89 : #fdc9d9 : +50
91 : #fdd3e0 : +52
93 : #fedde7 : +54
95 : #fee6ee : +56
97 : #fef0f5 : +58
99 : #fffafc : +60
CSS入門、作ってます。
text-shadow